@charset "utf-8";
/* Daelim mobil web v1 16.05.04 */
/* 웹폰트 적용 */
@font-face{font-family:nsR;src:url('/static/font/NanumSquareR.eot');src:local('?'),url('/static/font/NanumSquareR.woff') format('woff'),url('/static/font/NanumSquareR.ttf') format('truetype'),url('/static/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:nsB;src:url('/static/font/NanumSquareR.eot');src:local('?'),url('/static/font/NanumSquareR.woff') format('woff'),url('/static/font/NanumSquareR.ttf') format('truetype'),url('/static/font/NanumSquareR.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:ulR;src:url('/static/font/UNIVERSLIGHTR.eot');src:local('?'),url('/static/font/UNIVERSLIGHTR.woff') format('woff'),url('/static/font/UNIVERSLIGHTR.ttf') format('truetype'),url('/static/font/UNIVERSLIGHTR.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:nm;src:url('/static/font/NanumMyeongjo.eot');src:local('?'),url('/static/font/NanumMyeongjo.woff') format('woff'),url('/static/font/NanumMyeongjo.ttf') format('truetype'),url('/static/font/NanumMyeongjo.svg#webfontdeSVIj0D') format('svg')}
/* 폰트테스트용 */
/* 맑은고딕 */
@font-face{font-family:mgR;src:url('/static/font/MalgunGothic_R.eot');src:local('?'),url('/static/font/MalgunGothic_R.woff') format('woff'),url('/static/font/MalgunGothic_R.ttf') format('truetype'),url('/static/font/MalgunGothic_R.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:mgBD;src:url('/static/font/MalgunGothic_BD.eot');src:local('?'),url('/static/font/MalgunGothic_BD.woff') format('woff'),url('/static/font/MalgunGothic_BD.ttf') format('truetype'),url('/static/font/MalgunGothic_BD.svg#webfontdeSVIj0D') format('svg')}
/* 나눔바른고딕 */
@font-face{font-family:nbgR;src:url('/static/font/NanumBarunGothic.eot');src:local('?'),url('/static/font/NanumBarunGothic.woff') format('woff'),url('/static/font/NanumBarunGothic.ttf') format('truetype'),url('/static/font/NanumBarunGothic.svg#webfontdeSVIj0D') format('svg')}
@font-face{font-family:nbgBD;src:url('/static/font/NanumBarunGothicBold.eot');src:local('?'),url('/static/font/NanumBarunGothicBold.woff') format('woff'),url('/static/font/NanumBarunGothicBold.ttf') format('truetype'),url('/static/font/NanumBarunGothicBold.svg#webfontdeSVIj0D') format('svg')}
/* 돋움체 */
@font-face{font-family:dotumR;src:url('/static/font/Dotum.eot');src:local('?'),url('/static/font/Dotum.woff') format('woff'),url('/static/font/Dotum.ttf') format('truetype'),url('/static/font/Dotum.svg#webfontdeSVIj0D') format('svg')}
/* reset */
*{-webkit-text-size-adjust:none}
*,html{margin:0;padding:0}
html{font-family:nbgR ,'돋움',Dotum,AppleGothic,sans-serif;font-size:12px;height:100%;width:100%;overflow-x:hidden}
body{ margin: 0px; line-height: 1.25; -webkit-text-size-adjust: none; overflow-x:hidden}
h1, h2, h3, h4, h5, h6, p, form, input[type="text"], button, ul, dl, dd, form, figure{ margin: 0px; padding: 0px; }
ul{ list-style:none; }
a{ text-decoration: none}
img{ border: 0px; line-height:0;vertical-align:middle}
address{ font-style: normal; }
button{ border: 0px; background: none; }
header, nav, section, article, footer, figure{ display: block; }
fieldset,img{border:0}
address,caption,em{font-style:inherit;font-weight:inherit}
ul,ol,dl{list-style:none}
hr{display:none}
button{overflow:visible; margin:0; padding:0; border:0 none; background:transparent; cursor:pointer}
h1,h2,h3,h4,h5,h6{font-size:100%}
caption{font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;border: none;visibility: hidden}
legend{position:absolute !important; top:-9999px !important; width:1px !important; height:1px !important; font-size:0; overflow:hidden !important}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
body, th, td, li, dt, dd, p{}
a:link, a:visited, a:active {color:#001545; text-decoration:none}
a:focus, a:hover {color:#2d75bf}
em {font-style:normal}
label, button {cursor:pointer}
*input[type="checkbox"], *input[type="radio"]{margin:-4px -3px -3px -3px}
.clearfix{*zoom:1}
.clearfix:after{display:block; clear:both; content:""}
table{border-collapse:collapse;border-spacing:0}
article, p, a, span, div{/*word-break:keep-all;*/box-sizing:border-box}
section, article{background:#fff}
/* 공통클래스 모음 */
.floatL{ float: left; }
.floatR{ float: right; }
.positR{ position: relative; }
.positA{ position: absolute; }
.blind{ font-size: 0px; line-height: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; left: -10000px; }
.cursor{ cursor: pointer; }
.clear{ *zoom: 1; }/* 가상선택자 :after는 ie6, 7에서 지원되지 않으므로 hack */
.clear:after{ display: block; clear: both; content: ""; }
.ac{text-align:center}.ar{text-align:right}.al{text-align:left}
.tdn{text-decoration:none} .tdu{text-decoration:underline} .tdo{text-decoration:overline}.tdl{text-decoration:line-through}
.fl{float:left} .fr{float:right}
.clearb{clear:both}
.absolute{ position: absolute} .relative{ position: relative}
.cursor{ cursor: pointer; }
.vam{vertical-align:middle} .vab{vertical-align:bottom} .vat{vertical-align:top}
.mw100{max-width:100%}
.lsm10{letter-spacing:-1px}
.lsm15{letter-spacing:-1.5px}
.lsm20{letter-spacing:-2.0px}
/* 전체 로딩 */
#warp_loading{position:absolute;width:170px;height:227px;left:50%;top:50%;margin:-113px 0 0 -85px}
/* 서브컨텐츠 큰 제목 */
h2{font-size:32px; color:#000000; font-weight:bold; padding-top:30px;padding-bottom:20px}
/* 서브컨텐츠 작은 제목 */
h3{font-size:16px;font-weight:bold;padding-bottom:8px}
/* font-style */
/* font-color */
.fc_Blue, a.fc_Blue{color:#1b2e5a !important}.fc_Gray, a.fc_Gray{color:#666666 !important}.fc_Light_Gray, a.fc_Light_Gray{color:#a1a1a1 !important}.fc_Light_Blue1, a.fc_Light_Blue1{color:#008bb0 !important}.fc_Light_Blue2, a.fc_Light_Blue2{color:#72ccd2 !important}.fc_Light_Yellow, a.fc_Light_Yellow{color:#f6e7a1 !important}.fc_Balck, a.fc_Balck{color:#272425 !important}.fc_Gold, a.fc_Gold{color:#a8996e !important}.fc_Silver, a.fc_Silver{color:#a7a9ac !important}
/* font-family */
.ff1{font-family:nsR !important}.ff2{font-family:nsB !important}.ff3{font-family:ulR !important}.ff4{font-family:nm !important}
/* font-weight */
.fn{font-weight:normal}.fb{font-weight:bold}
/* font-size */
.fs0{font-size:0px} .fs6{font-size:0.5em} .fs7{font-size:0.55em} .fs8{font-size:0.7em} .fs9{font-size:0.75em} .fs10{font-size:0.8em}
.fs11{font-size:0.95em} .fs12{font-size:1em} .fs13{font-size:1.05em} .fs14{font-size:1.1em}
.fs15{font-size:1.25em} .fs16{font-size:1.3em} .fs17{font-size:1.45em} .fs18{font-size:1.5em} .fs19{font-size:1.55em}
.fs20{font-size:1.7em} .fs21{font-size:1.75em} .fs22{font-size:1.8em} .fs23{font-size:1.95em} .fs24{font-size:2em}
/* table style */
.tbl_basic, .tbl_basic th, .tbl_basic td{border:0}
.tbl_basic{width:100%;border-bottom:1px solid #dcdcdc;text-align:center;border-collapse:collapse}
.tbl_basic caption{display:none}
.tbl_basic th{padding:6px 0 6px;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9}
.tbl_basic td{padding:5px 0 5px;border:1px solid #e5e5e5}
/* margin style */
.m0{margin:0 !important}
.mt0{margin-top:0 !important}.mt20{margin-top:20px !important}.mt45{margin-top:45px !important}.mt110{margin-top:110px !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}.mb10{margin-bottom:10px !important}.mb45{margin-bottom:45px !important}
.ml0{margin-left:0 !important}.ml10{margin-left:10px !important}.ml20{margin-left:20px !important}
/* padding style */
.p0{padding:0 !important}
.pt0{padding-top:0 !important}
.pr0{padding-right:0 !important}
.pb0{padding-bottom:0 !important}.pb10{padding-bottom:10px !important}
.pl0{padding-left:0 !important}
/* 간격, 정렬 */
.lh0, .lh0 > * {line-height:0px !important}
/* z-index */
.zi5{z-index:5} .zi10{z-index:10} .zi15{z-index:15} .zi20{z-index:20} .zi25{z-index:25} .zi30{z-index:30} .zi35{z-index:35} .zi40{z-index:40} .zi45{z-index:45}
.zi50{z-index:50} .zi55{z-index:55} .zi60{z-index:60} .zi65{z-index:65} .zi70{z-index:70}
/* display */
.disb{display:block}.disn{display:none}.disin{display:inline-block}.disi{display:inline}
/* overflow */
.ov{overflow:visible}.oh{overflow:hidden}.oa{overflow:auto}.os{overflow:scroll}
/* background */
.bgr_plum{background:#d6516c}
.bgr_blue{background:#3967be}
.bgr_bluesky{background:#4eacd2}
.bgr_violetlight{background:#816fd1}
/* 글자간격 */
.lsm1{letter-spacing:-1.0em}
.lsm01{letter-spacing:-0.1em}
.lsm015{letter-spacing:-0.15em}
.lsm05{letter-spacing:-0.5em}
.wsm2{word-spacing:-0.15em}
#wrap{ min-width: 320px;background:#fff }
/* 상단헤더 */
.logo{ position:relative;background: #0c2340; text-align: center; padding: 15px 0px; line-height: 0px; }
.logo img{ height: 16.5px; }
.TopSchbox img{margin-top:-3px}
/* 상단 좌우 퀵메뉴 */
#quick_icon li{ position: absolute; width: 29px; height: 29px; overflow: hidden;cursor:pointer}
#quick_icon #search{ left: 5%;top: 16px}
#quick_icon #closeSearch{ left: 5%;top: 16px;display: none}
#quick_icon #menu{ right: 5px;top: 16px}
#quick_icon #search img{width: 21.5px}
#quick_icon #closeSearch img{width: 15px}
#quick_icon #menu img{width: 21px}
/* 서브 상단 이미지 */
/*#fullwidth_id1{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 720px; height:850px; overflow: hidden; visibility: hidden}
#fullwidth_id1 .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:720px; height:850px; overflow: hidden}
#fullwidth_id1 .fullwidth div{}
#fullwidth_id1 .fullwidth div img{position:absolute}
#fullwidth_id1 .fullwidth div > div{position:absolute;top:447px;padding:20px 5%;box-sizing:border-box}
#fullwidth_id1 .fullwidth div > div span{line-height:1.4em;font-size:56px;color:#fff;display:inline;padding:0 0 3px 0;border-bottom:1px solid #fff}
#fullwidth_id1 .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}*/
/* 세로 */
@media all and (orientation:portrait){
#fullwidth_id1{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 100%;height:auto; overflow: hidden; }
#fullwidth_id1 .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:100%;height:auto; overflow: hidden}
#fullwidth_id1 .fullwidth div{}
#fullwidth_id1 .fullwidth div img{width:100%}
#fullwidth_id1 .fullwidth div > div{position:absolute;bottom:25px;padding:20px 5%;box-sizing:border-box}
#fullwidth_id1 .fullwidth div > div span{line-height:1.5em;color:#fff;display:inline;padding:0 0 1px 0;border-bottom:1px solid #fff}
#fullwidth_id1 .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}
#fullwidth_story{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 100%;height:auto; overflow: hidden; }
#fullwidth_story .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:100%;height:auto; overflow: hidden}
#fullwidth_story .fullwidth div{}
#fullwidth_story .fullwidth div img{width:100%}
#fullwidth_story .fullwidth div > div{position:absolute;bottom:0px;padding:30px 5%;box-sizing:border-box}
#fullwidth_story .fullwidth div > div span{line-height:1.5em;color:#fff;display:inline;padding:0 0 1px 0;border-bottom:1px solid #fff}
#fullwidth_story .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}
}
/* 가로 */
@media all and (orientation:landscape){
#fullwidth_id1{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 100%;height:300px;overflow: hidden; }
#fullwidth_id1 .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:100%;height:300px; overflow: hidden}
#fullwidth_id1 .fullwidth div{}
#fullwidth_id1 .fullwidth div img{width:100%;margin-top:-25%}
#fullwidth_id1 .fullwidth div > div{position:absolute;bottom:5px;padding:20px 5%;box-sizing:border-box}
#fullwidth_id1 .fullwidth div > div span{line-height:1.5em;color:#fff;display:inline;padding:0 0 1px 0;border-bottom:1px solid #fff}
#fullwidth_id1 .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}
#fullwidth_story{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 100%;height:300px;overflow: hidden; }
#fullwidth_story .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:100%;height:300px; overflow: hidden}
#fullwidth_story .fullwidth div{}
#fullwidth_story .fullwidth div img{width:100%;margin-top:-25%}
#fullwidth_story .fullwidth div > div{position:absolute;bottom:0px;padding:30px 5%;box-sizing:border-box}
#fullwidth_story .fullwidth div > div span{line-height:1.5em;color:#fff;display:inline;padding:0 0 1px 0;border-bottom:1px solid #fff}
#fullwidth_story .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}
}
/* 서브 상단 이미지 - DL스토리 */
/*
#fullwidth_story{position: relative;background:#fff; margin: 0 auto; top: 0px; left: 0px; width: 720px; height:760px; overflow: hidden; visibility: hidden}
#fullwidth_story .fullwidth{cursor: default; position: relative; top: 0px; left: 0px; width:720px; height:760px; overflow: hidden}
#fullwidth_story .fullwidth div{}
#fullwidth_story .fullwidth div img{position:absolute}
#fullwidth_story .fullwidth div > div{position:absolute;top:447px;padding:20px 5%;box-sizing:border-box}
#fullwidth_story .fullwidth div > div span{line-height:1.4em;font-size:56px;color:#fff;display:inline;padding:0 0 3px 0;border-bottom:1px solid #fff}
#fullwidth_story .fullwidth div > div span.black{color:#000;border-bottom:2px solid #000}
*/
/* 서브 상단 메뉴 */
#sub_top{position:absolute;display:block;width:100%;background-color:rgba(245,245,245,0.9); box-sizing:border-box;z-index:10; height:45px}
#sub_top li{ display:inline-block}
#sub_top li.st01{float:left;width:15%;text-align:left; height:45px}
#sub_top li.st02{width:68%;margin:0 auto; text-align:center;font-size:17px;color:#222; height:45px; box-sizing:border-box; padding-top:12px; }
#sub_top li.st03{width:15%;text-align:right; height:45px; float:right}
#sub_top li img{width:40px;height: 45px}
.prev{display:inline-block; cursor:pointer; width:40px; height:45px; background:url(/m/static/images/common/bt_prev.png) no-repeat; font-size:0; background-size:40px 45px}
.prev:hover{background:url(/m/static/images/common/bt_prev_sel.png) no-repeat}
.next{display:inline-block; cursor:pointer; width:40px; height:45px; background:url(/m/static/images/common/bt_next.png) no-repeat; font-size:0;background-size:40px 45px}
.next:hover{background:url(/m/static/images/common/bt_next_sel.png) no-repeat}
/* 상단 SNS */
#top_sns{display:none;position:fixed;top:0;width:100%;height:45px;background:#f5f5f5;box-sizing:border-box;z-index:9990}
#top_sns ul{position:relative;float:right;top:50%;width:132px;height:28px;margin:-14px 5% 0 0}
#top_sns ul li{float:left;margin-left:8px;cursor:pointer}
#top_sns ul li:first-child{margin-left:0}
#top_sns ul li img{width:27px}
/* SNS 전체화면 */
.mPopup01 {display: none}
.mPopup01 #cm { position:absolute;color:#000 ;background:#fff}
.mPopup01 #cm .btn_close{position:absolute;margin:-30px 0 0 0;right:0}
.mPopup01 #cm .btn_close img{width:20px}
.mPopup01 .hc { width:93%; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.mPopup01 .vc { height:344px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */
.mPopup01 #cm p.title{text-align:center;display:table;width:100%;font-size:17px;color:#222;height:54px;border-bottom:1px solid #1b2e5a}
.mPopup01 #cm p.title span{display:table-cell;vertical-align:middle;height:20px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto;line-height:0}
.mPopup01 #cm .sns_list{display:table;width:auto;left:0;right:0;margin-left:auto; margin-right:auto}
.mPopup01 #cm .sns_list ul{position:relative;width:210px;top:35px}
.mPopup01 #cm .sns_list ul.second{top:110px}
.mPopup01 #cm .sns_list ul li{position:absolute;text-align:center;width:70px}
.mPopup01 #cm .sns_list ul li.left{position:absolute}
.mPopup01 #cm .sns_list ul li.center{left:0;right:0;margin-left:auto; margin-right:auto}
.mPopup01 #cm .sns_list ul li.right{right:0}
.mPopup01 #cm .sns_list ul li p{font-size:12px;line-height:2.0em}
.mPopup01 #cm .sns_list ul li img{width:41px}
.mPopup01 input{top:190px;font-size:12px;box-sizing:border-box}
.mPopup01 caption{padding:8px 0;font-weight:bold;text-align:left}
.mPopup01 .item{position:relative;margin:-4px 0}
.mPopup01 .item .i_label{ top:6px; left:10px;color:#008bb0}
.mPopup01 .item .i_text{position:relative;width:280px;height:35px;margin:2px;padding:3px 4px;border:1px solid #d3d3d3;background:#f1f4fa;left:50%;margin-left:-140px;color:#008bb0;text-align:center}
.mPopup01 .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.mPopup01 .item label{margin:0 10px 0 0;cursor:pointer}
.mPopup01 p.copy{position:relative;top:205px;font-size:11px;color:#888;text-align:center}
.mPopup01 .clipURL {position:relative;display:block;top:200px; border: 1px solid silver;padding: 5px 7px;left:50%;margin-left:-140px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:280px;max-width:280px;text-align:center}
.mPopup01 .btnCopyClip {
position: absolute;
width:60px;
top: 200px;
border: 1px solid silver;
padding: 5px 7px 6px 7px;
background:#fff;
left:50%;margin-left:80px;
}
.mPopup01 .txtCopyClip {
position:relative;top:225px;font-size:11px;color:#888;text-align:center;
}
.mPopup01 .white_gra{
position: absolute;
width:11px;height:25px;
top: 201px;
padding:0;
left:50%;margin-left:70px;
}
.mPopup01 .white_gra img{margin:0;padding:0;width:100%;height:100%;line-height:0}
/* SMS 공유하기 */
.mPopup01_sms {display: none}
.mPopup01_sms #cm { position:absolute;color:#000 ;background:#fff}
.mPopup01_sms #cm .btn_close{position:absolute;margin:-30px 0 0 0;right:0}
.mPopup01_sms #cm .btn_close img{width:20px}
.mPopup01_sms .hc { width:93%; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.mPopup01_sms .vc { height:420px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto; } /* 세로 중앙 정렬 */
.mPopup01_sms #cm p.title{text-align:center;display:table;width:100%;font-size:17px;color:#222;height:54px;border-bottom:1px solid #1b2e5a}
.mPopup01_sms #cm p.title span{display:table-cell;vertical-align:middle;height:20px; top: 0; bottom:0; margin-top:auto; margin-bottom:auto;line-height:0}
.mPopup01_sms #cm .sns_list{display:table;width:auto;left:0;right:0;margin-left:auto; margin-right:auto}
.mPopup01_sms #cm .sns_list ul{position:relative;width:190px;top:35px}
.mPopup01_sms #cm .sns_list ul.second{top:110px}
.mPopup01_sms #cm .sns_list ul li{position:absolute;text-align:center}
.mPopup01_sms #cm .sns_list ul li.left{position:absolute}
.mPopup01_sms #cm .sns_list ul li.center{left:0;right:0;margin-left:auto; margin-right:auto}
.mPopup01_sms #cm .sns_list ul li.right{right:0}
.mPopup01_sms #cm .sns_list ul li p{font-size:12px;line-height:2.0em}
.mPopup01_sms #cm .sns_list ul li img{width:72px}
.mPopup01_sms input{top:190px;font-size:12px;box-sizing:border-box}
.mPopup01_sms caption{padding:8px 0;font-weight:bold;text-align:left}
.mPopup01_sms .item{position:relative;margin:-4px 0}
.mPopup01_sms .item .i_label{ top:6px; left:10px;color:#008bb0}
.mPopup01_sms .item .i_text{position:relative;width:280px;height:35px;margin:2px;padding:3px 4px;border:1px solid #d3d3d3;background:#f1f4fa;left:50%;margin-left:-140px;color:#008bb0;text-align:center;}
.mPopup01_sms .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.mPopup01_sms .item label{margin:0 10px 0 0;cursor:pointer}
.mPopup01_sms p.copy{position:relative;top:150px;font-size:11px;color:#888;text-align:center}
.mPopup01_sms .clipURL {position:relative;display:block;top:170px;border: 1px solid silver;overflow-y:scroll;padding: 5px 7px;left:50%;margin-left:-140px;width:280px !important;height:115px;min-height:115px;max-height:115px;word-wrap:break-word;line-height:26px;color:#008bb0;background:#f1f4fa;box-sizing:border-box;resize: none}
.mPopup01_sms .btnCopyClip {
position: absolute;
width:60px;
top: 225px;
border: 1px solid silver;
padding: 5px 7px 6px 7px;
background:#fff;
left:50%;margin-left:80px;
}
.mPopup01_sms .txtCopyClip {
position:relative;top:195px;font-size:11px;color:#888;text-align:center;
}
.mPopup01_sms .white_gra{
position: absolute;
width:11px;height:25px;
top: 201px;
padding:0;
left:50%;margin-left:70px;
}
.mPopup01_sms .white_gra img{margin:0;padding:0;width:100%;height:100%;line-height:0}
/* 하단푸터 */
/* 세로 */
@media all and (orientation:portrait){
#bottom{ width:100%;background: #181b23;display:block;box-sizing:border-box;padding:15px}
#bottom_link{background: #181b23;height:30px;border-bottom:1px solid #13161c;padding:0;margin:0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
}
#bottom_link li{}
#bottom_link li.bl01{}
#bottom_link li.bl02{}
#bottom_link li.bl03{}
#bottom_link li.bl04{}
#bottom_link li.bl_bin{background: url("../../static/images/common/footer_line_right.png") no-repeat center 1px;background-size:1px 11px}
#bottom_link li a{color:#7b8695;font-size:11px}
#bottom_link li.bl01 a{color:#fff}
#bottom_add{display:block;width:100%;background: #181b23;height:15px;padding:15px 0 0 0;border-top:1px solid #1f222a}
#bottom_add li{float:left}
#bottom_add li.ba02{float:right}
#bottom_add li address{font-size:11px;color:#7b8695}
#bottom_add li ul{display:block;float:right}
#bottom_add li ul li{float:left}
#bottom_add li ul li.bl01{width:50px;text-align:left}
#bottom_add li ul li.bl02{width:40px;text-align:center}
#bottom_add li ul li.bl03{width:40px;text-align:right}
#bottom_add li ul li a{width:auto;color:#7b8695;font-size:11px;text-align:center}
}
/* 가로 */
@media all and (orientation:landscape){
#bottom{ width:100%;background: #181b23;display:block;box-sizing:border-box;padding:15px}
#bottom_link{width:330px;display:block;background: #181b23;height:30px;border-bottom:1px solid #13161c;padding:0}
#bottom_link li{float:left;text-align:center;background: url("../../static/images/common/footer_line_right.png") no-repeat center right;background-size:1px 11px}
#bottom_link li.bl01{width:92px;text-align:left}
#bottom_link li.bl02{width:110px}
#bottom_link li.bl03{width:60px}
#bottom_link li.bl04{width:47px;text-align:right;background:none}
#bottom_link li.bl_bin{width:0}
#bottom_link li a{color:#7b8695;font-size:11px}
#bottom_link li.bl01 a{color:#fff}
#bottom_add{display:block;width:100%;background: #181b23;height:15px;padding:15px 0 0 0;border-top:1px solid #1f222a}
#bottom_add li{float:left}
#bottom_add li.ba02{float:right}
#bottom_add li address{font-size:11px;color:#7b8695}
#bottom_add li ul{display:block;float:right}
#bottom_add li ul li{float:left}
#bottom_add li ul li.bl01{width:50px;text-align:left}
#bottom_add li ul li.bl02{width:40px;text-align:center}
#bottom_add li ul li.bl03{width:40px;text-align:right}
#bottom_add li ul li a{width:auto;color:#7b8695;font-size:11px;text-align:center}
}
/* TOP 버튼 */
#btn_top{position:relative;width:100%;padding:15px 5%;height:70px;box-sizing:border-box;margin:0 auto;background:#fff}
#btn_top a{float:right}
#btn_top a img{width:40px}
#btn_top2{position:relative;width:100%;padding:15px 15px;height:70px;box-sizing:border-box;margin:0 auto;background:#f5f5f5}
#btn_top2 a{float:right}
#btn_top2 a img{width:40px}
/* 한자 */
.hanja{font-family:"돋움", dotum, sans-serif}
/* 해상도별 이미지 제어 */
/* 1.5배 안드로이드폰 */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
.sitemap a{ background-image: url(images/ico_quickx15.png); }/* .sitemap 4개의 링크 */
.sliderkit-panels div:nth-child(1){ background-image: url(banner/m_banner_01x15.jpg); }/* index 롤링배너 */
.sliderkit-panels div:nth-child(2){ background-image: url(banner/m_banner_02x15.jpg); }
.bestList li .icon{ background-image: url(images/ico_numx15.png); }/* index 베스트상품 숫자아이콘 */
.giftList li .thumb .icon, .giftList li .giftItem .icon{ background-image: url(images/ico_giftx15.png); }/* gift 상품의 빨강 아이콘 */
}
/* 2배 아이폰 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.sitemap a{ background-image: url(images/ico_quickx2.png); }/* .sitemap 4개의 링크 */
.sliderkit-panels div:nth-child(1){ background-image: url(banner/m_banner_01x2.jpg); }/* index 롤링배너 */
.sliderkit-panels div:nth-child(2){ background-image: url(banner/m_banner_02x2.jpg); }
.bestList li .icon{ background-image: url(images/ico_numx2.png); }/* index 베스트상품 숫자아이콘 */
.giftList li .thumb .icon, .giftList li .giftItem .icon{ background-image: url(images/ico_giftx2.png); }/* gift 상품의 빨강 아이콘 */
}
/* 네비게이션 */
.cd-img-replace {display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;position:absolute}
.overflow-hidden {overflow: hidden}
.cd-main-content {position: relative;z-index: 9902;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
-webkit-transform: translateX(-290px);
-moz-transform: translateX(-290px);
-ms-transform: translateX(-290px);
-o-transform: translateX(-290px);
transform: translateX(-290px);
}
header {position:relative;top:0;left:0;height:auto;width: 100%;z-index: 9903;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
header.lateral-menu-is-open {
-webkit-transform: translateX(-290px);
-moz-transform: translateX(-290px);
-ms-transform: translateX(-290px);
-o-transform: translateX(-290px);
transform: translateX(-290px);
}
header.is-fixed {position: fixed}
#cd-logo {display: block;float: left;margin: 12px 0 0 20px}
#cd-logo img {display: block}
#cd-top-nav {position: absolute;top: 0;right: 120px;height: 100%;display: none}
#cd-top-nav ul {height: 100%;padding-top: 18px}
#cd-top-nav li {display: inline-block;margin-right: 1em}
#cd-top-nav a {display: inline-block;padding: .5em;color: #FFF;text-transform: uppercase;font-family: nbgBD}
#cd-top-nav a.current {background-color: #242e30}
.no-touch #cd-top-nav a:hover {color: rgba(255, 255, 255, 0.7)}
#cd-menu-trigger {position: absolute;right: 5%;top: 0;height: 48px;width: 21px}
#cd-menu-trigger .cd-menu-icon{display: inline-block;position: absolute;right: 0px;top: 50%;bottom: auto;width: 18px;height: 2px;background-color: #FFF}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0}
#cd-menu-trigger .cd-menu-icon::before {bottom: 5px}
#cd-menu-trigger .cd-menu-icon::after {top: 5px}
#cd-menu-trigger.is-clicked .cd-menu-icon {}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 5px}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 5px}
#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0;visibility: hidden;z-index: 9901;width: 290px;background-color: #fff;overflow-y: auto;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
transition: transform .4s 0s, visibility 0s .4s;
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-ms-transform: translateX(80px);
-o-transform: translateX(80px);
transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {margin: 0}
#cd-lateral-nav a {display: block;line-height: 3.4em;height:45px;padding: 0 0 0 15px;color: #333}
#cd-lateral-nav a.current {background-color: #54595f;color: #fff}
#cd-lateral-nav .btn_set{position:relative;width:100%;height:46px;background:#1b2e5a;padding:4px 0}
#cd-lateral-nav .btn_set a{position:absolute}
#cd-lateral-nav .btn_set a.btn_set_home{left:0px}
#cd-lateral-nav .btn_set a.btn_set_home img {width:26px;margin-top:9px;vertical-align: top; }
#cd-lateral-nav .btn_set a.btn_set_eng{left:45px}
#cd-lateral-nav .btn_set a.btn_set_eng img {height:20px;width:auto;margin-top:10px;vertical-align: top; }
#cd-lateral-nav .btn_set a.btn_close{right:15px}
#cd-lateral-nav .btn_set a.btn_close img {width:19px;margin-top:9px;vertical-align: top}
.no-touch #cd-lateral-nav a:hover {color: #333}
#cd-lateral-nav.lateral-menu-is-open {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
visibility: visible;
-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
transition: transform .4s 0s, visibility 0s 0s;
-webkit-overflow-scrolling: touch;
}
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;font-size:16px;line-height:3.0em}
#cd-lateral-nav .item-has-children > a::after {content: '';display: block;height: 24px;width: 24px;position: absolute;top: 50%;bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0.8em;
background: url("../../static/images/btn/btn_menu_right_bowe.png") no-repeat center center;
background-size: 24px 24px;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
#cd-lateral-nav .sub-menu {background:#54595f;color:#fff;font-size:15px;padding: 5px 0px 5px 0px;display: none}
#cd-lateral-nav .sub-menu a{color:#fff;font-size:15px;height:40px;line-height:2.7em;font-weight:normal}
#cd-lateral-nav .sub-menu a:hover{color:#fff;font-size:15px}
#cd-lateral-nav .item-has-children2 > a::after {content: '';height: 12px;width:12px;display:block;position:relative;float:right;margin:13px 21px 0 0;
-webkit-transform: translateX(0%) translateY(10%);
-moz-transform: translateX(0%) translateY(10%);
-ms-transform: translateX(0%) translateY(10%);
-o-transform: translateX(0%) translateY(10%);
transform: translateX(0%) translateY(10%);
background: url("../../static/images/btn/btn_menu_sub_right_bowe.png") no-repeat right center;
background-size: 12px 12px;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children2 > a.submenu-2dept-open::after {
-webkit-transform: translateY(10%) rotate(45deg);
-moz-transform: translateY(10%) rotate(45deg);
-ms-transform: translateY(10%) rotate(45deg);
-o-transform: translateY(10%) rotate(45deg);
transform: translateY(10%) rotate(45deg);
}
#cd-lateral-nav .sub-menu li .sub-menu-2dept{background:#54595f;color:#bbbdbf;font-size:12px;padding: 5px 0px 5px 10px;border-top:1px solid #666b72;display: none}
#cd-lateral-nav .sub-menu li .sub-menu-2dept li a{color:#bbbdbf;font-size:12px;height:32px;font-weight:normal;text-transform: uppercase;line-height:2.8em}
#cd-lateral-nav .sub-menu li .sub-menu-2dept li a:hover{color:#bbbdbf;font-size:12px}
.cd-navigation-go{position:relative;display:block;width:100%;padding:0}
.cd-navigation-go li{width:50%;float:left;border-top:1px solid #d7d9dd;padding:0px !important;box-sizing:border-box;height:40px;background:url("../../static/images/btn/btn_menu_bottom_bow.png") no-repeat;background-position:90% center;background-size:6px 12px;font-weight:normal}
.cd-navigation-go li.left{width:49.5%;border-right:1px solid #d7d9dd}
.cd-navigation-go li.last{width:100%;border-bottom:1px solid #d7d9dd}
.cd-navigation-go li a{display:block;font-size:12px;color:#666;font-weight:normal;width: 100%;height: 100% !important}
.cd-navigation-go li.last{background-position:94.5% center}
.full_bg_all{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9900}
.full_bg_all .full_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6)}
#cd-lateral-nav .item-has-children-last{background: #a7a9ac;margin:160px 0 0 0}
#cd-lateral-nav .item-has-children-last a{color:#fff}
#cd-lateral-nav .item-has-children-last a:hover{color:#fff}
#cd-lateral-nav .item-has-children-last > a::after {content: '';display: block;height: 24px;width: 24px;position: absolute;top: 50%;bottom: auto;
-webkit-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
right: 1em;
background: url("../../static/images/btn/btn_menu_sub_right_bowe.png") no-repeat center center;
background-size: 12px 12px;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children-last > a.submenu-open::after {
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
#cd-lateral-nav .item-has-children-last .sub-menu {position:relative;background:#54595f;color:#fff;font-size:15px;padding: 5px 0px 5px 0px;display: none}
#cd-lateral-nav .item-has-children-last > a{height:40px;line-height:2.5em}
#cd-lateral-nav .item-has-children-last .sub-menu li{background:#54595f;width:50%;float:left;border-bottom:1px solid #666b72;height:35px}
#cd-lateral-nav .item-has-children-last .sub-menu li.left{border-right:1px solid #666b72;width:49.5%}
#cd-lateral-nav .item-has-children-last .sub-menu a{color:#dddedf;font-size:12px;font-weight:normal;height: 100% !important}
#cd-lateral-nav .item-has-children-last .sub-menu a:hover{color:#dddedf;font-size:12px}
#cd-lateral-nav .item-has-children-last .sub-menu li.title{position: relative;text-transform: uppercase;font-size:16px;line-height:2.5em;display: block;height:40px;color: #fff;width:100%;background:#a7a9ac}
/* 더보기버튼 클릭시 보여지는 로딩이미지 */
.ajaxLoader{display:none;overflow:hidden;position:relative;width:100%;height:48px;margin-top:-1px}
.ajaxLoader .loaderWrap{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;z-index:9999;margin:auto;border-radius:5px}
.ajaxLoader .loader{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
/*검색결과*/
#totalSearchBox{position: absolute;z-index: 9999;width: 100%;top:46px;display: none}
.result_close{display:inline-block; width:19px; height:19px; position:fixed; background:url(../../static/images/ico/head_close.png)no-repeat; background-size:19px 19px; left:5%; top:13px; font-size:0}
.input_area{background:#f5f5f5; border-bottom:1px solid #e9e9e9; box-sizing:border-box; height:48px; padding:15px 5% 0}
.search_word{height:17px; width:80%; background:none; border:0; font-size:14px; color:#1b2e5a; text-indent:10px}
.search_btnM{font-size:15px; color:#1b2e5a; height:17px; font-weight:bold; display:block; float:right}
ul.result_list li{padding:20px; border-bottom:1px solid #e9e9e9; font-size:15px; color:#222; line-height:24px}
ul.result_list li a{color:#0c53a9; text-decoration:underline; font-size:13px; padding-top:15px}
ul.page_number{margin:30px 0; text-align:center}
ul.page_number li{display:inline-block; background:#f4f4f4; text-align:center; width:27px; height:27px; box-sizing:border-box; color:#666; font-size:12px; padding-top:8px; margin-right:3px}
ul.page_number li.on{background:#1b2e5a; color:#fff}
.no_result{color:#666; margin-top:100px; text-align:center; font-size:15px}
/* 다이얼로그 */
.ui-corner-all{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-top-right-radius:0 !important;border-top-left-radius:0 !important}
.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;width:300px;padding:0 !important}
.ui-dialog .ui-dialog-titlebar{position:relative;height:35px;padding:.4em 0 .4em 20px !important;border:0;background:#406180}
.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0;font-size:20px;font-weight:normal;color:#fff}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;top:50%;right:1.5em !important;width:19px;height:18px;margin:-10px 0 0;padding:1px}
.ui-dialog .ui-dialog-titlebar-close span{display:block;top:0;left:0;margin:1px}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}
.ui-dialog .ui-dialog-content{overflow:auto;position:relative;padding:0 1em .5em;border:0;background:none}
.ui-icon-closethick{margin:0 !important;background-image:url(/static/jquery/ui/images/pop_btn_close.gif) !important;background-position:left top !important}
.ui-dialog .ui-dialog-titlebar-close,.ui-icon-closethick{width:22px !important;height:22px !important}
.ui-dialog .ui-dialog-titlebar-close{border:none !important;background:none !important}
.ui-dialog .ui-dialog-titlebar-close,.ui-dialog .ui-dialog-titlebar-close:hover{padding:0 10px 0 0 !important}
.popupLayer{display:none;position:absolute;z-index:9999;border:1px solid #e5e5e5;background:#fff}
.popupLayer .popContent .popInnerContent{display:block;margin:10px}
.popupLayer .popBottom{overflow:hidden;position:relative;width:100%;height:40px;border-top:1px solid #e5e5e5;background:#fafafa}
.popupLayer .popBottom input{float:left;margin-top:14px;margin-left:10px}
.popupLayer .popBottom label{float:left;margin-top:13px;margin-left:5px;font-size:12px;color:#222;vertical-align:middle}
.popupLayer .popBottom button{position:absolute;top:0;right:0;width:30px;height:40px;border:0;background:#fff url(/static/images/ico/ico_close03.png) no-repeat center center;font-size:0;color:#222;cursor:pointer}