@charset "utf-8"; 

@import url('reset.css');
@import url('layout.css');
@import url('board.css');
/*

@import url(//cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
html, input {font-family: 'NanumSquare'; font-size:16px; transform:skew(-0.001deg); }
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif;
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


html, input {font-family: 'Noto Sans KR'; font-size:16px;  }



html {
height: 100%;
}
body {
margin: 0;
height: 100%;
}
#wrap {
min-height: 100%;
position: relative;
padding-bottom: 180px; /* footer height */
}
table { border:2; border-collapse:collapse; }
/*hidden*/
#skip, ul.skiplist li.skip, .skipnavi, caption, legend, span.skip { position: absolute ; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
input[type="text"] {vertical-align:top; font-family: 'Noto Sans KR';}

/* 간격 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.wd40 {width:40px;}
.wd50 {width:50px;}
.wd70 {width:70px;}
.wd100 {width:100px;}

/* 포지션 
div {position:relative; top:0; left:0; z-index:0;}
div {position:absolute; top:0; left:0; z-index:0; }
div {position:fixed; top:0; left:0; z-index:0; }
*/

strong,b {font-weight:bold}

.Web {display:block;}
.Mobile {display:none;}


/* 색상 */
span.green {color:#00ab6c;}
span.orange {color:#f56016;}
span.white {color:#ffffff;}
/* 공통 */
p.sub_tit {margin-bottom:30px; font-size:1.1em; line-height:1.1em; color:#4c4c4c; letter-spacing:-0.03em; font-family: 'ngb';}
p.sub_txt {margin-bottom:30px; font-size:1.0em; line-height:1.0em; color:#4c4c4c; letter-spacing:-0.03em; font-family: 'ng';}

dl.txt_info {width:100%; margin-bottom:30px;}
dl.txt_info dt {padding-bottom:10px; font-size:0.95em; line-height:0.95em; color:#00ab6c;}
dl.txt_info dd {font-size:0.95em; line-height:1.6em; color:#b4b4b4; letter-spacing:-0.03em;}

ul.txt_info {width:100%; margin-bottom:30px;}
ul.txt_info li {font-size:0.85em; line-height:1.6em; color:#00ab6c; letter-spacing:-0.03em; font-family: 'ngb';}
ul.txt_info li span {color:#4c4c4c; font-family: 'ng';}
ul.txt_info li span.space {padding-left:65px;}
ul.txt_info li span.eng {padding-left:2px;}
ul.txt_info li a {display:inline-block; color:#4c4c4c;}
.logo {padding:5px 0; text-align:center; }

/* 모바일 */
.M_hot-issue_wrap {display:none;}
.M_nav_wrap {display:none;}




.search_wrap {display:none; width:100%; position:absolute; top:70px; left:0; z-index:11; background:#dbc29c;}
.search_wrap .conts {position:relative; margin:0 auto; padding:40px 0; width:980px; text-align:center;}
.search_wrap .conts .search_box {width:100%; margin:20px 0;}
.search_wrap .conts input {display:inline-block; padding:15px 0 15px 10px; margin-right:5px; width:490px; height:20px; font-size:1em; line-height:1em; border:0; background:#fff;}
.search_wrap .conts a {display:inline-block;}
.search_wrap .conts p.txt {text-align:center; font-size:0.75em; line-height:1.4em; color:#4c4c4c; letter-spacing:-0.03em; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_search.png') 310px no-repeat;}
.search_wrap a.close {position:absolute; right:0; bottom:-40px; z-index:11;}

/* 상단 gnb */
.gnb_wrap {position:absolute; top:70px; left:0; width:100%; z-index:10; border-top:1px #008fde solid;}
.gnb-info {display:none; width:100%; background:#e1e3e5; position:relative; z-index:9;}
.gnb-info .conts {margin:0 auto; width:980px; }
.gnb-info .conts ul {padding-top:30px; padding-left:50px; }
.gnb-info .conts ul:after {content:""; display:block; clear:both;}
.gnb-info .conts ul li {float:left; padding:20px 10px 21px 20px; margin:0 20px 20px 0; width:250px; height:240px; background:#fff;    }
.gnb-info .conts ul li.hg350 {height:260px;}
.gnb-info .conts ul li.last {margin-right:0;}
.gnb-info .conts ul li.bg {background:#e6f9f5;}
.gnb-info .conts ul li dl {}
.gnb-info .conts ul li dl dt {margin-bottom:20px; padding-bottom:20px; border-bottom:solid 2px #008fde; font-size:1em; color:#4c4c4c; text-align:center;}
.gnb-info .conts ul li dl dd {padding-bottom:15px;}
.gnb-info .conts ul li dl dd a {display:block; padding-left:10px; font-size:14px; color:#4c4c4c; background:url('/img/ico_com-point.png') left 8px no-repeat;}
.gnb-info .conts ul li dl dd a:hover {text-decoration:underline; color:#56bcc8;}
.gnb-info .conts ul li dl dd.last {padding-top:0;}

.hot_lssue-info {display:none; width:100%; background:#ffffff; position:relative; z-index:9; border-bottom:1px #008fde solid;}
.hot_lssue-info .conts {margin:0 auto; padding:37px 0; width:980px; }
.hot_lssue-info .conts .tit {text-align:left; margin-bottom:20px; font-size:24px; color:#01c38f; font-weight:bold; border-bottom:3px #696969 solid; padding-bottom:15px;}
.hot_lssue-info .conts ul {}
.hot_lssue-info .conts ul:after {content:""; display:block; clear:both;}
.hot_lssue-info .conts ul li {float:left; margin-left:0; width:230px !important; height:290px !important; /*background:#fff url('http://enter.ewha.ac.kr/enter/asset/images/banner-conts/bg_empty.png') left bottom repeat-x;*/ }
.hot_lssue-info .conts ul li:first-child {margin-left:0;}

/* hot_lssue */
.hot_lssue {width:980px; margin:0 auto;}
.hot_lssue p.title {position:relative; float:right;}
.hot_lssue p.title span {position:absolute; right:20px; top:17px; width:14px; height:8px; background:url("/img/arrowUp.png") left no-repeat;}
.hot_lssue p.title a {display:block; padding:12px 20px; font-family: 'ngb'; font-size:0.85em; color:#ffffff; width:100px; background:#c49f6e;}
.hot_lssue p.title.on span {background:url("/img/arrowDown.png") left no-repeat;}

.hot_lssue-info .conts .bx-wrapper {position: relative; height:290px !important;}
.hot_lssue-info .conts .bx-wrapper img {max-width: 100%; display: block;}
/* PAGER */
.hot_lssue-info .conts .bx-wrapper .bx-pager {}
.hot_lssue-info .conts .bx-wrapper .bx-pager .bx-pager-item,
.hot_lssue-info .conts .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;	*zoom: 1; *display: inline;}
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a {display:none;}
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a:hover,
.hot_lssue-info .conts .bx-wrapper .bx-pager.bx-default-pager a.active {}

/* DIRECTION CONTROLS (NEXT / PREV) */
.hot_lssue-info .conts .bx-wrapper .bx-prev {left: -80px; background: url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrow-left.png') no-repeat;}
.hot_lssue-info .conts .bx-wrapper .bx-next {right: -80px; background: url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrow-right.png') no-repeat;}
.hot_lssue-info .conts .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999;}
.hot_lssue-info .conts .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* 게시물 공통 */
/* Search Area */
.searchArea {position:relative; margin-bottom:10px; width:100%;}
.searchArea:after {content:""; display:block; clear:both;}
.searchArea p.num {float:left; padding-left:25px; font-size:1em; line-height:35px; color:#4c4c4c; vertical-align:middle; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_page.png') left 11px no-repeat;}
.board_kind-wrap {width:100%; margin-top:20px;}
.board_kind-wrap:after {content:""; display:block; clear:both;}
.searchArea p.num.kind {float:left; padding-left:10px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_kind.png') left 17px no-repeat;}

.input-search {float:right; }
.input-search.fl {float:none; display:block; width:100%; text-align:right;}
.sel_wrap {position:relative; padding:5px 0 5px 0; margin-right:5px; display:inline-block; min-width:70px; height:19px; border-bottom:1px solid #4c4c4c;  text-align:left;}
.sel_wrap label {width:100%; font-size:0.85em; line-height:0.85em; color:#4c4c4c; }/*폰트사이즈변경*/
.sel_wrap span.sign {display:inline-block; position:absolute; top:12px; right:0; width:12px; height:8px; padding:0; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrowUp.png') no-repeat; background-size:12px 8px; }
.sel_wrap span.sign.on {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_arrowDown.png') no-repeat; background-size:12px 8px; }
.sel_wrap select {opacity:0; width:100%; -webkit-appearance:none; position:absolute; top:0; left:-1px; padding:5px 0; text-align:left; font-size:0.85em; line-height:0.85em; color:#4c4c4c; border:1px solid #4c4c4c;}
.sel_wrap.w170 {min-width:170px;}
.input-search .input {position:relative; display:inline-block; padding:5px 50px 5px 0; width:200px; height:21px; border-bottom:1px solid #4c4c4c;}

.input-search .input input {border:0; padding:0; font-size:0.85em; line-height:1.0em;}
.input-search .input a {position:absolute; top:5px; right:0; padding:5px; width:14px; height:14px; background:url('http://enter.ewha.ac.kr/enter/asset/images/btn/btn_search2.png') center no-repeat;}
.sel-bar {display:inline-block; margin:0 25px 0 20px; padding:11px 0; width:1px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_sel-bar.png') center no-repeat; vertical-align:bottom;}


.gallery_wrap {width:100%;}
.gallery_list {width:100%;}
.gallery_list:after {content:""; display:block; clear:both;}
.gallery_list li {position:relative; float:left; margin:0 20px 20px 0; width:311px; height:198px; border:solid 1px #dfdfdf;}
.gallery_list li.noimg {padding:70px 0; width:311px; height:58px; border:solid 1px #dfdfdf; background:#f7f7f7; text-align:center;}
.gallery_list li.noimg img {max-width:100%;}
.gallery_list li.noimg2 {padding:101px 0; width:311px; height:58px; border:solid 1px #dfdfdf; background:#f7f7f7; text-align:center;}
.gallery_list li.noimg2 img {max-width:100%;}

.gallery_list li span.notice {position:absolute; left:0; top:0; padding:5px 10px; font-size:11px; color:#fff; background:#006640;}
.gallery_list li.last {margin-right:0;}
.gallery_list li.img .img {width:100%; height:113px;}
.gallery_list li.img .img img {max-width:100%;}
.gallery_list li.img a p {display:block; padding:17px 20px; font-size:18px; line-height:26px; color:#4c4c4c; letter-spacing:-0.02em;}
.gallery_list li.img a:hover p {text-decoration:underline;}
.gallery_list li span.new {display:inline-block; margin-left:10px; width:19px; height:19px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_N.png') no-repeat; vertical-align:-4px;}

.gallery_list li.txt a.title {display:block; padding:31px 20px 30px 20px; height:52px; font-size:1.1em; line-height:1.6em; color:#4c4c4c; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_board-bar.png') 25px bottom no-repeat;}
.gallery_list li.txt a.title:hover {text-decoration:underline;}
.gallery_list li.txt dl {padding:20px 20px 24px 20px; font-size:0.85em;}
.gallery_list li.txt dl dt {color:#4c4c4c; filter: alpha(opacity=50); opacity: 0.5;}
.gallery_list li.txt dl dd {margin-top:10px; color:#ceaf82;}
.gallery_list li.txt dl dd span.file {display:inline-block; margin-left:3px; width:14px; height:14px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_file.png') no-repeat; vertical-align:-2px;}
.gallery_list li.txt dl dd a {color:#ceaf82;}

.gallery_list li.video {height:260px;}
.gallery_list li.video .img {width:100%; height:174px; overflow: hidden;}
.gallery_list li.video .img img {max-width:100%;}
.gallery_list li.video a p {padding:17px 20px; display:block; font-size:1.1em; line-height:1.6em; height:52px; letter-spacing:-0.04em; color:#4c4c4c;}
.gallery_list li.video a p:hover {text-decoration:underline;}
.gallery_list li.video a dl {padding:17px 20px; color:#4c4c4c; }
.gallery_list li.video a dl dt {display:block; font-size:18px; line-height:26px; height:52px; letter-spacing:-0.04em;}
.gallery_list li.video a dl dd {display:block; padding-top:15px; font-size:0.85em; filter: alpha(opacity=50); opacity: 0.5;}

/* 이화로 게시판 */
ul.ewharo_gallery {width:100%}
ul.ewharo_gallery:after {content:""; display:block; clear:both;}
ul.ewharo_gallery li {float:left; width:230px; height:382px; margin:0 20px 30px 0;}
ul.ewharo_gallery li .img {width:228px; height:289px;  border:solid 1px #dfdfdf;}
ul.ewharo_gallery li img {width:100%;}
ul.ewharo_gallery li p {padding:20px 0; font-size:1em; line-height:1em; color:#4c4c4c; letter-spacing:-0.03em;}
ul.ewharo_gallery li .btn {width:100%}
ul.ewharo_gallery li .btn:after {content:""; display:block; clear:both;}
ul.ewharo_gallery li .btn a {float:left; display:block; width:113px; margin-right:4px;}
ul.ewharo_gallery li .btn a.last {margin-right:0;}
ul.ewharo_gallery li.last {margin-right:0;}

/* paging 
.paging {width:100%; margin-top:20px; text-align:center;}
.paging:after {content:""; display:block; clear:both;}
.paging a {display:inline-block; padding:13px 12px;}
.paging a span.skip {display:inline-block; text-indent:-9999em;}
.paging span.num {}
.paging span.num a {display:inline-block; padding:12px 15px; font-size:0.85em; line-height:0.85em; text-align:center; vertical-align:top; color:#3e3a3b; border:solid 1px #dfdfdf;}
.paging span.num a:hover {color:#00ab6c; border:solid 1px #00ab6c;}
.paging span.num a.choice {color:#00ab6c; border:solid 1px #00ab6c;}

.paging a.first, .paging a.last {width:14px; height:12px; border:solid 1px #dfdfdf;}
.paging a.first {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_theprev.png') center no-repeat;}
.paging a.last {background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_thenext.png') center no-repeat;}
.paging a.prev, .paging a.next {width:14px; height:12px; border:solid 1px #dfdfdf;}
.paging a.prev {margin-right:4px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_prev.png') center no-repeat;}
.paging a.next {margin-left:4px;background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_next.png') center no-repeat;}
*/

/* PAGING */
.paging {margin-top:30px; text-align:center; font-size:0.9em; line-height:1em;}
.paging * {vertical-align:middle;}
.paging span, .paging strong, .paging a {display:inline-block;}
.paging a {color:#3e3a3b; border:solid 1px #dfdfdf; width:40px; line-height:38px;}
.paging a:hover, .paging a:active, .paging a:focus {color:#3e3a3b;}
.paging .on {color:#006640; border:solid 1px #006640;}
.paging .on:hover {color:#006640;}
.paging span.btn, .paging a.btn {margin:0; padding:0; border:0;}


/* 버튼 */
.btn_l {text-align:left;}
.btn_c {text-align:center; margin-top:30px}
.btn_r {text-align:right;}
a.btn_gray {display:inline-block; padding:15px 30px; font-size:0.85em; text-align:center; color:#fff; background:#4c4c4c; border-radius: 3px; border:1px solid #4c4c4c;}

/* 푸터 */
.f-util {width:100%; background:#3a414f; border-top:2px #008fdd solid;}
.f-util .conts {position:relative; margin:0 auto; width:980px;}
.f-util .conts:after {content:""; display:block; clear:both;}
.f-util .conts ul.f-list {float:left; padding:22px 0;}
.f-util .conts ul:after {content:""; display:block; clear:both;}
.f-util .conts ul.f-list li {float:left; padding:0 10px; background:url('http://enter.ewha.ac.kr/enter/asset/images/icon/ico_f-bar.png') left no-repeat;}
.f-util .conts ul.f-list li:first-child {padding-left:0; background:none;}
.f-util .conts ul.f-list li a {display:block; font-size:0.85em; color:#6a6a6a;}
.f-util .conts ul.f-list li a:hover {text-decoration:underline;}

#footer .conts ul.f-list02 .family{ display:block; position:absolute; top:10px; right:0;  }
#footer .conts ul.f-list02 .family2{ display:block; position:absolute; top:10px; right:-40px;  }
#footer .conts ul.f-list02 .family3{ display:block; position:absolute; top:10px; right:-80px;  }
#footer .conts ul.f-list02 .family4{ display:block; position:absolute; top:10px; right:-120px;  }
#footer .conts ul.f-list02 .family5{ display:block; position:absolute; top:10px; right:-140px;  }



/* 패밀리사이트 */
.familysite p.title {float:right; position:relative; }
.familysite p.title span {position:absolute; right:20px; top:25px; width:11px; height:11px; background:url("http://enter.ewha.ac.kr/enter/asset/images/icon/ico_plus.png") left no-repeat;}
.familysite p.title a {display:block; font-size:0.85em; color:#fff; width:110px; background:#bfc1c3; padding:22px 10px 22px 20px;}
.familysite p.title.on a {background:#006640; }

.familysite .banner {float:right;}
.familysite .banner a {display:block;}

.family_info {display:none; padding:0; width:980px; background:#006640; position:absolute; left:0; bottom:60px; z-index:10;}
.family_info .tit {position:relative; padding:20px; font-size:0.95em; color:#fff; background:#005736;}
.family_info .close {position:absolute; top:20px; right:20px;}

.family_info .university_list {float:left; width:196px; background:url('/enter/asset/images/icon/ico_fbar.png') right repeat-y;}
.family_info .university_list.last {background:none;}
.family_info .university_list:after {content:""; display:block; clear:both;}
.family_info .university_list dl {padding:20px 20px 18px 20px; background:url('/enter/asset/images/icon/ico_fbar.png') bottom repeat-x;}
.family_info .university_list dl.last {background:none;}
.family_info .university_list dl dt {margin-bottom:13px; font-size:0.95em; line-height:14px; color:#c2e746;}
.family_info .university_list dl dt a {display:block; font-size:0.95em; line-height:14px; color:#c2e746;}
.family_info .university_list dl dd {}
.family_info .university_list dl dd ul li.last {margin-top:5px;}
.family_info .university_list dl dd ul li a {display:block; font-size:0.75em; line-height:20px; color:#fff;}
.family_info .university_list dl dd ul li a.bg {font-size:0.85em; line-height:23px; color:#dbc29c;}
.family_info .university_list dl dd ul li ul {margin:0;}
.family_info .university_list dl dd ul li ul li {padding:0; margin:0;}
.family_info .university_list dl dd ul li ul li a {display:block; font-size:0.75em; line-height:20px; color:#b8cbc2; padding:0 0 0 10px; margin:0;}

.family_info .university_list dl dd ul li a:hover {text-decoration:underline;}





a.scrollTop-Web {display:block; position:absolute; top:20px; right:0; z-index:2;}
a.scrollTop-Mobile {display:none; position: fixed; bottom:20px; right:20px; z-index:3;}
a.scrollTop-Mobile img {width:35px;}

/* 그림자 */
.all_shadow {display:none; position: fixed; top:0; left:0; width:100%; height:100%; background:rgb(000, 000, 000); opacity:0.5; filter: alpha(opacity=50); z-index:8;}



p.guide_tit {margin-bottom:10px; font-size:0.75em; line-height:1.2em; letter-spacing:-0.07em;}

/* 게시판 */
.gallery_list {width:100%; margin:0 auto;}
.gallery_list li {position:relative; float:none; margin:0 0 20px 0; width:100%; height:auto;}

}




.paginate_complex{padding:0 0 15px 0;line-height:normal;text-align:center;position:relative;}
.paginate_complex a,

.paginate_complex strong{display:inline-block;margin:0px;width:26px;height:26px;background-color:#fff;font:normal 12px/26px Tahoma, Sans-serif;color:#8e857c;vertical-align:top;border:1px solid #e0e0e0; border-top-left-radius: 3em; border-top-right-radius: 3em; border-bottom-right-radius: 3em; border-bottom-left-radius: 3em;}

.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus, .paginate_complex strong{background-color:#00467c;color:#fff;font-weight:bold;}


.paginate_complex .direction{padding:0;background:url(/img/paginArr.gif) no-repeat;vertical-align:top;position:relative;zoom:1;z-index:3;overflow:hidden}


.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff;}
.paginate_complex .prev{background-position:-1px -1px}

.paginate_complex .prev2{margin-right:5px;background:url(/img/paginArr2.gif) no-repeat;background-position:-1px -1px}

.paginate_complex .next{background-position:-29px -1px}

.paginate_complex .next2{background:url(/img/paginArr2.gif) no-repeat;background-position:-29px -1px}

.paginate_complex .btnList{position:absolute;right:0;bottom:0;}

.paginate_complex .btnList a{margin:0;padding:0;background:none;}



select {
width: 200px;
padding: 10px 10px;
border: 1px solid #999;
font-family: 'Noto Sans KR';
background: url('/img/select_icon.png') no-repeat 95% 50%;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline:none;
}

select::-ms-expand {
    display: none;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],

input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Noto Sans KR';
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],

input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,

input[type="color"]:focus,
.uneditable-input:focus {
  /*
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  */
	outline:none;
}

input[type="radio"],

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],


input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

input[type="file"]:focus,
input[type="radio"]:focus,

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}


.join_area {*zoom:1; position:relative; padding:0 0 30px 0;}
	.join_area:after {content:" "; display:block; clear:both;}
	.join_area h4 {padding:20px 0 6px 0;}
	.join_area .agree_box {
		height:150px; 
		overflow:auto;
		padding:20px;
		border:1px solid #ddd;
		
		scrollbar-face-color:#FFFFFF;
		scrollbar-shadow-color:#d0d0d0;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#d0d0d0;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-track-color:#fff;
		scrollbar-arrow-color:#adadad;
		text-align:left;
		line-height:2.0em;
		background-color:#f8f8f8;
	}
	input[type=radio] {vertical-align:middle;}
	.join_area p {text-align:left; margin: 10px 10px;}
	.join_area .jointable table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    margin-top: 10px;
 }
	.join_area .jointable table th,.join_area .jointable table td {vertical-align:middle;}
	.join_area .jointable table th {padding:6px 0 6px 25px;background:#f7f7f7; border-bottom:1px solid #d9d9d9; line-height:14px;text-align:left; font-size:11px; font-weight:normal; color:#707070;}
	.join_area .jointable table td {padding:6px 0 6px 10px; border-bottom:1px solid #d9d9d9; line-height:18px; color:#909090;font-size:11px;}
	.join_area .jointable table td * {vertical-align:middle;}
	.join_area .jointable table td .join_comment {color:#909090;font-size:11px;}
	.join_area .jointable table td span {font-size:11px; padding-left:10px;}
	.join_area .jointable table td span.color {color:#fbac18;}
	.join_area .btn_area {padding:20px;text-align:center; }
	.join_area label {font-size:14px;font-family:NanumGothic;font-weight:bold; }
	.agree {color:#888;}
	.agree p {text-align:left; margin: 10px 0; font-size:11px;}
	.agree dl {padding: 0 0 20px 0;}
	.agree dt {font-weight:bold;}
	.agree dd {font-size:11px;}
	.agree li {padding: 0 0 0 6px;}
	.agree .subLaw dt {font-weight:normal;}
	.agree .policyList {*zoom:1;}
	.agree .policyList:after {content:" "; display:block; clear:both;}
	.agree .policyList {padding:10px; background:#f9f9f9; border-top:1px solid #f76a08; margin: 0 0 20px 0;}
	.agree .policyList li {float:left; width:290px; padding: 5px 15px 5px 15px; line-height:16px;}
	.agree .policyList span {color:#999999; font-size:11px;}
	.agree .policyList a {color:#f76a08; font-size:11px;}
	
	.button_log {
		background-color:#555555;
		display:inline-block;
		cursor:pointer;
		color:#fff !important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:5px 20px;
		text-decoration:none;
	}
	.button_log:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}

	.button_log02 {
		background-color:#95bb06;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:8px ;
		text-decoration:none;
	}
	.button_log02:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log02:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}
	
	.red {color:#ff0000; font-size:11px; padding-left:10px;}
	
	/**버튼**/
		.button_log03 {
		background-color:#555555;
		display:inline-block;
		cursor:pointer;
		color:#fff !Important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:15px 40px !important;
		text-decoration:none;
	}
	.button_log03:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log03:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}



/* 로그인 공통 */
#loginWrap{width:700px; margin:5% auto; }
#loginWrap .boxWrap{border:4px solid #ebebeb;margin:30px 0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
}
#loginWrap #pwArea{display:none;}
#loginWrap .boxWrap .findContents{padding:50px 25px;}
#loginWrap .boxWrap h3{ width:100%; height:31px; border-bottom:1px solid #d5d6d8;background:url(https://www.ifcmallseoul.com/imgs/member/h3_login.gif) no-repeat;}
#loginWrap .boxWrap h3 span,
#loginWrap .boxWrap h4 span{display:none;}
#loginWrap .boxWrap h4{width:100%; height:25px;margin:2% 0 3% 0;background:url(https://www.ifcmallseoul.com/imgs/member/h4_login.gif) no-repeat;}
#loginWrap .loginBox{position:relative; width:643px;}
#loginWrap .loginBox .parag{margin:2% 0 5%;font:bold 14px NanumGothic; color:#6a6a6a; vertical-align:middle;}
#loginWrap .loginBox .parag span{display:none;}
#loginWrap #pwArea .parag{margin:2% 0 5%;height:14px;}
#loginWrap #idArea .parag{margin:2% 0 5%;height:14px;}
#loginWrap .loginBox .con{position:relative;padding:20px 3% 20px 3%; margin-bottom:5%;border:1px solid #ebebeb; background-color:#f5f5f5}
#loginWrap .loginBox .con li{zoom:1}
#loginWrap .loginBox .con li:after{content:"";clear:both;display:block}
#loginWrap .loginBox .con li .th, #loginWrap .loginBox .con li .td{float:left; padding:5px;}
#loginWrap .loginBox .con li .th label{display:block;width:100px;height:26px; padding-top:7px;}
#loginWrap .loginBox .con li .td{width:63%;}
#loginWrap .loginBox .con li .td input.auto{width:55%;}
#loginWrap .loginBox .con li .td .numSecurity{text-align:center;background-color:#dedede;font-weight:bold;width:44%;margin-right:1%;}
#loginWrap #pwArea .con li .td{width:67%;}
#loginWrap #idArea .con li .td{width:67%;}
#loginWrap .loginBox .con li .pw label{font:bold 16px NanumGothic; color:#6a6a6a; vertical-align:middle;}
#loginWrap .loginBox .loginBtn,#loginWrap .loginBox .loginBtn2{position:absolute;right:3%;top:30px;}
#loginWrap .loginBox .loginBtn input{width:117px; height:47px;background:url(https://www.ifcmallseoul.com/imgs/common/btn/login.gif) no-repeat center center;border:none;}
#loginWrap .loginBox .loginBtn2 input{width:117px; height:47px;background:url(https://www.ifcmallseoul.com/imgs/member/btn_find.gif) no-repeat center center;border:none;}
#loginWrap #pwArea .loginBtn input{width:93px; height:21px;background:url(https://www.ifcmallseoul.com/imgs/member/btn_find2.gif) no-repeat center center;border:none;}
#loginWrap #idArea .loginBtn input{width:93px; height:21px;background:url(https://www.ifcmallseoul.com/imgs/member/btn_find2.gif) no-repeat center center;border:none;}
#loginWrap .loginBox .arrow{padding-left:10px;background:url(https://www.ifcmallseoul.com/imgs/common/icon/arr_orange.gif) no-repeat 0 9px;zoom:1}
#loginWrap .loginBox .arrow:after{content:"";clear:both;display:block}
#loginWrap .loginBox .arrow span{display:none;}
#loginWrap .loginBox .arrow strong{display:inline-block;float:left;height:14px;margin-top:3px}
#loginWrap .loginBox .idfindGui{height:20px;}
#loginWrap .loginBox .idfindGui strong{width:100%;font:bold 14px NanumGothic; color:#6a6a6a; vertical-align:middle;}
#loginWrap .loginBox .pwfindGui strong{width:100%;background:url(https://www.ifcmallseoul.com/imgs/member/findPW_text2.gif) no-repeat}
#loginWrap .loginBox .join strong{width:480px;background:url(https://www.ifcmallseoul.com/imgs/member/p_login1.gif) no-repeat}
#loginWrap .loginBox .find strong{width:230px;background:url(https://www.ifcmallseoul.com/imgs/member/p_login2.gif) no-repeat}
#loginWrap .loginBox .linkWrap{ position:absolute; bottom:0; left:34%;}
#loginWrap .loginBox .linkWrap a{display:block; width:80px; height:20px; text-indent:-9999em; background:red;}
#loginWrap .loginBox .id {position:absolute;top:1px;left:0;width:230px;}


/* 아이디/비밀번호 찾기 */
#loginWrap .chkArea{height:31px; border-bottom:1px solid #d5d6d8; width:645px;}
#loginWrap .chkArea li{width:50%;float:left;background:url(/img/cycle.gif) no-repeat 0 -43px;}
#loginWrap .chkArea li span{display:none;}
#loginWrap .chkArea li.on{background:url(/img/cycle.gif) no-repeat 0 3px}
#loginWrap .chkArea li a{display:inline-block;width:100%;height:22px;padding-left:22px}
#loginWrap .chkArea li.fir a{background:url(/img/find_ID.gif) no-repeat 22px 0; }
#loginWrap .chkArea li.sec a{background:url(/img/find_PW.gif) no-repeat 22px 0; }

/* 아이디, 비밀번호 찾기 버튼 */
#loginWrap .loginBox .join a{display:inline-block; width:89px; height:21px; background:url(https://www.ifcmallseoul.com/imgs/common/btn/join.gif) no-repeat;}
#loginWrap .loginBox .find a{display:inline-block; width:146px; height:21px; background:url(https://www.ifcmallseoul.com/imgs/common/btn/idpw_find.gif) no-repeat}


.memberLogin {
			position:relative; 
			margin:5% auto 30% auto;
			width:600px; height:400px; 
			border-top:2px solid #273d70; 
			border-right:1px solid #e6e6e6;
			border-bottom:1px solid #273d70;
			border-left:1px solid #e6e6e6;

		}
		.yellow {border-top:2px solid #ec7f11 !important; }
		
		
		.yellow h4 {color:#ec7f11 !important;}

		.green {border-top:2px solid #7eae14 !important; }
		.green h4 {color:#7eae14 !important;}

		.memberLogin h4 {width:560px; height:35px;font:bold 30px NanumGothic; color:#273d70; border-bottom:1px dashed #ddd; margin:20px; }
		.memberLogin .loginField {position:absolute;top:140px;left:58px;border:0 none;padding:0;margin:0; line-height:1.2em; width:500px; }
		.memberLogin .loginField .id {position:absolute;top:40px;left:0;width:350px; border:1px red solid;}
		.memberLogin .loginField .pw {position:absolute;top:40px;left:0;width:350px; border:1px red solid;} 

		.input_m02 {width: 80%; height:30px; border: 1px solid #ccc !important; padding:5px !important; vertical-align:middle; }
	.button_log {
		background-color:#555555;
		display:inline-block;
		cursor:pointer;
		color:#ffffff !important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:8px !important;
		text-decoration:none;
	}
	.button_log:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}

	.button_log02 {
		background-color:#95bb06;
		display:inline-block;
		cursor:pointer;
		color:#ffffff !important;
		font-family:NanumGothic;
		font-weight:400;
		font-size:14px;
		padding:8px !important;
		text-decoration:none;
	}
	.button_log02:hover {
		background-color:#888888;
		text-decoration:none;
	}.button_log02:active {
		position:relative;
		top:1px;
		text-decoration:none;
	}

	.btnLogin {
		background-color:#008fde;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #008fde;
		display:inline-block;
		cursor:pointer;
		color:#ffffff !important;
		font-family:NanumGothic;
		font-size:14px !important;
		font-weight:600;
		width:40px;
		padding:20px 24px;
		text-decoration:none;
		margin:2px 27px 0 0;
		text-align:center;
	}
	.btnLogin:hover {
		background-color:#00aeea;
		text-decoration:none;
	}
	.btnLogin:active {
		position:relative;
		top:1px;
	}
	


	.btnMemLogin {
		background-color:#123c63;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	
		display:inline-block;
		cursor:pointer;
		color:#ffffff !important;
		
		font-size:16px !important;
		margin-bottom:2px;
		width:60px;
		padding:37px 34px;
		text-decoration:none;
		
		text-align:center;
	}
	.btnMemLogin:hover {
		background-color:#4b6986;
		text-decoration:none;
	}
	.btnMemLogin:active {
		position:relative;
		top:1px;
	}


.container-1{
  width: 200px;
  height:35px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  top:-15px;
  
}


.container-1 input#search{
  width: 200px;
  height: 35px;
  background: #ffffff;
  border: none;
  font-size: 17px;
  float: left;
  color: #717171;
  padding-left: 10px;
  border:none;
  border-bottom:1px #9d9d9d solid;
  outline:none;	 
}


.container-1 input#search::-webkit-input-placeholder {
   color: #717171;
   outline:none
}
 
.container-1 input#search:-moz-placeholder { /* Firefox 18- */
   color: #717171;  
   outline:none
}
 
.container-1 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #717171;  
   outline:none
}
 
.container-1 input#search:-ms-input-placeholder {  
   color: #717171;  
   outline:none
}


.container-1 .icon{
  position: relative;
  
  top: 27px;
  z-index: 1;
  color: #4f5b66;
  
}




.container-2{
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  
}


.container-2 input#search2{
  width: 340px;
  height: 45px;
  background: #ffffff;
  border: none;
  font-size: 17px;
  float: left;
  color: #383838;
  padding-left: 55px;
  border:none;
  border-bottom:3px #383838 solid;

}


.container-2 input#search2::-webkit-input-placeholder {
   color: #cccccc;
   font-family: 'Noto Sans KR';
}
 
.container-2 input#search2:-moz-placeholder { /* Firefox 18- */
   color: #cccccc;  
   font-family: 'Noto Sans KR';
}
 
.container-2 input#search2::-moz-placeholder {  /* Firefox 19+ */
   color: #cccccc;  
   font-family: 'Noto Sans KR';
}
 
.container-2 input#search2:-ms-input-placeholder {  
   color: #cccccc;  
   font-family: 'Noto Sans KR';
}


.container-2 .icon2{
  position: relative;
  top: 33px;
  left:-130px;
  z-index: 1;
  color: #4f5b66;

}


.container-2 input#search2:hover, .container-2 input#search2:focus, .container-2 input#search2:active{
    outline:none;
    background: #ffffff;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#000000;
	font-weight:bold;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(http://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(http://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
}



input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#000000;
    
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -57px top no-repeat;
}



.starR{
  background: url('/img/ico_review.png') no-repeat right 0;
  background-size: auto 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}


.mStarR{
  background: url('/img/ico_review.png') no-repeat right 0;
  background-size: auto 100%;
  width: 10px;
  height: 10px;
  display: inline-block;
  text-indent: -9999px;
  cursor: pointer;
}

.starR.on{background-position:0 0;}






/* 3depth 탭 */
.tab_1 ul {
	overflow: hidden;
	position: relative;
	margin-top:-20px;
}
.tab_1 ul li {
	float: left
}
.tab_1 ul li a {
	display: block;
	
	font-size:16px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}
.tab_1 ul li a.on {
	font-weight: 600;
	
	font-size:16px;
}
.tab_1.lebelFirst_1 {
	margin-bottom: 30px
}
.tab_1.lebelFirst_1 ul li {
	/* border-top: 4px #666 solid; */
	padding-top: 1px
	

}
.tab_1.lebelFirst_1 ul li a {
	height: 40px;
	line-height: 43px;
	border-width: 1px;
	border-style: solid;
	border-color: #cfcfcf;
	text-align: center;
	color: #7b7b7b;
	margin-left:3px;
}
.tab_1.lebelFirst_1 ul li a.on, .tab_1.lebelFirst_1 ul li a:hover {
	border-color: #123c63;
	font-weight: 700;
	margin-left:3px;
}



.tab_1.lebelFirst_1 ul li a.onCounsel {
	border-color: #ffaa00;
	font-weight: 700;
	margin-left:3px;
}
.tab_1.lebelFirst_1 ul li a.onCounsel {
	background-color: #ffaa00;
	color: #fff
}

.tab_1.lebelFirst_1 ul li a.onCounsel {
	background-color: #ffaa00;
	color: #fff
}




.tab_1.lebelFirst_1 ul li a:hover {
	color: #333
}
.tab_1.lebelFirst_1 ul li a.on {
	background-color: #123c63;
	color: #fff
}
.tab_1.lebelFirst_1 ul.tab2ea li {
	width: 49.5049505%
}
.tab_1.lebelFirst_1 ul.tab3ea li {
	width: 33.11258278%
}
.tab_1.lebelFirst_1 ul.tab4ea li {
	width: 24.87562189%
}
.tab_1.lebelFirst_1 ul.tab5ea li {
	width: 19.92031873%
}
.tab_1.lebelFirst_1 ul.tab6ea li {
	width: 16.61129568%
}
.tab_1.lebelFirst_1 ul.tab7ea li {
	width: 14.24501425%;
}
.tab_1.lebelFirst_1 ul.tab8ea li {
	width: 12.46882793%
}
.tab_1.lebelFirst_1 ul.tab9ea li {
	width: 11.0864745%
}
.tab_1.lebelFirst_1 ul.tab10ea li {
	width: 10%
}
.tab_1.lebelFirst_1 ul.tab11ea li {
	width: 9.07441016%
}

/* 3depth 탭 */





/* D:20171020 옵션상품 스마트픽 & 구매툴개선 tobe 20171214배포예정s edit by abby */
.optionLayer {position:fixed;left:0;bottom:0;width:100%;z-index:9999;}
.optionLayer .optionArea{position:relative;width:100%;}
.optionLayer .optionArea .optionBox{position:absolute; bottom:0; right:50%;width:200px; height:48px;margin-right:-604px;line-height:48px; background:#093250;z-index:9999;}
.optionLayer .optionArea .optionBox.on {top:-48px;bottom:auto;}
.optionLayer .optionArea .optionBox:after{display:block; clear:both; content:'';}
.optionLayer .optionArea .optionBox .optionOpen{float:left;width:160px;padding:0 0 0 20px; background:url(../images/btn/btn_optionOpen.png) no-repeat right 20px; color:#fff; font-size:15px; font-weight:bold}
.optionLayer .optionArea .optionBox .optionOpen.on {background:url(../images/btn/btn_optionClose.png) no-repeat right 20px;}
.optionLayer .optionArea .optionBox .optionRadio {float:left; margin-left:10px; color:#fff;}
.optionLayer .optionArea .optionBox .optionRadio input {vertical-align:middle;}
.optionLayer .optionArea .optionBox .optionRadio label {margin:0 12px 0 3px; line-height:50px;}

.optionLayer .optionArea .optionView {width:100%;border-top:4px solid #093250;background:#fff;}
.optionLayer .optionArea .optionView.on {}
.optionLayer .optionArea .optionView .optionViewInner {position:relative;width:1200px;margin:0 auto;padding:0 0 50px 0; }
.optionLayer .optionArea .optionView .viewWrap {background:#f2f2f2;}
.optionLayer .optionArea .optionView .viewWrap:after {display:block;clear:both;content:'';}
.optionLayer .optionArea .optionView .viewWrap .viewWrapLeft {float:left;width:840px;padding-top:20px;background:#fff;}
.optionLayer .optionArea .optionView .prdChoice {margin-bottom:17px;padding-left:0;border-top:0;}
.optionLayer .optionArea .optionView .prdChoice.type {display:inline-block; width:466px; margin-top:10px; margin-right:23px;}
.optionLayer .optionArea .optionView .prdChoice.multiPrd .contL {width:445px;}
.optionLayer .optionArea .optionView .prdChoice.multiPrd p {float:left;width:320px;}
.optionLayer .optionArea .optionView .prdChoice.multiPrd .qtyArea {float:right;}
.optionLayer .optionArea .optionView .prdChoice:after {display:block; clear:both; content:'';}
.optionLayer .optionArea .optionView .optSelectBx {border:0;background:none;padding:0 20px 0 0;}
.optionLayer .optionArea .optionView .optSelectBx .optSelectPop {float:none;width:100%;}
.optionLayer .optionArea .optionView .optSelectBx .optSelectBxTit {margin-bottom:5px;}
.optionLayer .optionArea .optionView .optionBtnArea {position:absolute;bottom:0;right:0;width:320px;padding:20px;background:#f2f2f2; min-height:60px;} /* 오늘배송 구매버튼 삭제시 공백 문제로 수정 */
.optionLayer .optionArea .optionView .optionBtnArea:after {content:"";display:block;clear:both;}
.optionLayer .optionArea .optionView .optionBtnArea a {height:60px;font-size:20px;font-weight:bold;line-height:58px;}
.optionLayer .optionArea .optionView .optionBtnArea a.red {float:left;width:191px;}
.optionLayer .optionArea .optionView .optionBtnArea a.dark {float:right;width:123px;background:#232a32;}
.optionLayer .optionArea .optionView .optionBtnArea a.dark.warehouseOpen {display:none;}
.optionLayer .optionArea .optionView .optionBtnArea.optAreaType2 a.red {float:right;}
.optionLayer .optionArea .optionView .optionBtnArea.optAreaType2 a.dark {display:none;}
.optionLayer .optionArea .optionView .optionBtnArea.optionSoldout:before {content:"";display:block;clear:both;position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f2f2;}
.optionLayer .optionArea .optionView .optionBtnArea.optionSoldout a.red,
.optionLayer .optionArea .optionView .optionBtnArea.optionSoldout a.dark {display:none;}
.optionLayer .optionArea .optionView .optionBtnArea a.dark.warehouseOpen {position:relative;display:block;background:#6a747d;z-index:1;}
.optionLayer.addOptLayer .optionArea .optionView .optSelectBx {padding: 0; margin-right: 20px; max-height: 216px; overflow-y: auto;}/* 상품정보체계고도화 */



.prdChoice {position:relative;}
.prdChoice a.optionSel {display:block; width:428px; height:30px; line-height:30px; padding:0 14px; background:url(../images/icon/icoSelect.png) no-repeat 435px 50%; border:1px solid #aeb3bb; background-color:#fff; color:#6a747c;}
.prdChoice ul {display:none; position:absolute; top:42px; left:15px; width:456px; padding:10px 0; background-color:#fff; border:1px solid #aeb3bb; border-top:0; color:#6a747c; z-index:9999}
.prdChoice ul li {height:24px; line-height:24px; color:#aeb3bb;}
.prdChoice ul li a:hover {background-color:#ecedee;}
.prdChoice ul li a {display:block; color:#232a32;}
.prdChoice ul li a:after {display:block; clear:both; content:'';}
.prdChoice ul li span.fl {float:left; width:296px; padding-left:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.prdChoice ul li span.fr {float:right; padding-right:14px;  font-size:14px;font-weight:bold}
.prdChoice ul li span.fr em { font-size:12px;}
.optionLayer .optionArea .optionView h4 {padding:0 40px 20px 0;border-bottom:1px solid #d3d3d5; font-size:16px; font-weight:normal;}

.optionLayer .optionArea .optionView select,
.optionLayer .optionArea .optionView .selectBox {height:30px; line-height:30px; color:#6a747c;}
.optionLayer .optionArea .btnOptionClose {position:absolute; top:30px; right:50%;margin-right:-486px;}
.contL {float:left; color:#6a747c; font-size:15px;}

.contL .optInfo {display: inline-block !important; margin-top: 5px; width: 70%; max-height: inherit !important; font-size: 11px; text-overflow: inherit !important; opacity: .6;}/* 상품정보체계고도화 */

.contR {float:right; font-size:12px; text-align:right;padding-top:7px;}
.contR span {display:block; }
.contR span.costP {margin-bottom:5px; color:#232a32; }
.contR span.saleP {color:#6a747c;}
.contR span.costP strong {line-height:16px;font-size:16px; font-weight:normal}
.boxCont .contR span.costP strong {font-weight:normal;}
.contR span.saleP strong {font-size:12px; }
.contR span.saleP span {display:inline-block; margin-right:9px; line-height:16px; font-size:11px;}
.contR .price{float:left;}
.contR .btnArea{float:left; width:30px; text-align:right;}
.boxCont {margin:0 20px 0 0; }
.boxCont:after {display:block; clear:both; content:'';}
.boxCont span.tit {display:block; margin-bottom:24px; color:#232a32; font-weight:bold}
.boxCont ul {border-bottom:1px solid #d3d3d5;max-height:100px; overflow-y:auto;}
.boxCont li {position:relative;padding:15px 0;border-top:1px dashed #aeb3bb;}
.boxCont li:first-child {border-top:0;}
.boxCont li:after {content:'';display:block;clear:both;}
.boxCont li p {margin-bottom:6px; color:#232a32;}
.boxCont li input {position:absolute; top:1px; left:0;}
.boxCont li .contL {width:445px;}
.boxCont li .contL:after {content:'';display:block;clear:both;}
.boxCont li .contL p {float:left;width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boxCont li .contL p span {display:block;}
.boxCont li .contL .buyCnt {float:right;}
.boxCont li .contR {padding-right:30px;}
.boxCont li .contR .multiEtc {color:#6a747d;}
.boxCont li .contR .multiEtc .limit {color:#ed1c24;}
.boxCont li .contR .btnArea {float:none;position:absolute;top:50%;right:5px;padding:0;margin-top:-8px;}
.boxCont.type2 {height:84px; margin-top:0; padding:10px 0 0 0; border:0;}

.optionTotal {float:right;width:340px;padding:37px 20px 0 0;color:#6a747c;font-size:12px; font-weight:bold}
.optionTotal span {display:block; height:23px; line-height:23px; text-align:right;}
.optionTotal span.optionTotalPrice {color:#000; font-size:18px; }
.optionTotal strong {margin-left:5px; line-height:21px; color:#123c63; font-size:24px; }
.optionTotal .optionTotalPrice em {margin-left:2px; line-height:21px;color:#123c63; font-size:18px;}
.optionTotal span.optionTotalMemPrice strong {color:#6a747c; font-size:16px;}

.qtyArea{position:relative; width:96px; height:27px;}
.qtyArea input.qty{position:absolute; top:0px; left:28px; width:38px; height:32px; border:1px solid #aeb3bb; text-align: center;color:#666;font-size:15px;padding:0;}

.qtyArea a.qtyUp{position:absolute; top:0px; right:-5px; margin:0;}
.qtyArea a.qtyDown{position:absolute; top:0px; left:-5px; margin:0;}
/* D:20171020 옵션상품 스마트픽 & 구매툴개선 tobe 20171214배포예정e edit by abby */