@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); /*나눔고딕 폰트설정 시작*/ @font-face {font-family:nanum; src:url(images/NanumGothic.eot);} @font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);} /*400 Regular*/ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');} /*700 Bold*/ @font-face {font-family: 'Nanum GothicB'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');} /*800 Extrabold*/ @font-face { font-family: 'Nanum GothicEB'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');} /*나눔고딕 폰트설정 끝*/ .ff_open {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important;} .ff_noto {font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important;} .ff_nanum {font-family: 'Nanum Gothic', dotum, sans-serif !important;} .ff_myeongjo {font-family: 'Nanum Myeongjo', 'Nanum Gothic', serif !important;} body {position:relative; margin:0; padding:0; background-color:#fff; color:#333; font-style:normal; font-size:12px; font-family: 'Nanum Barun Gothic', 'Nanum Gothic', dotum, sans-serif !important; letter-spacing:0px;} div, ul, ol, li, dl, dt, dd, form, fieldset, input,textarea, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0;-webkit-text-size-adjust:none} img {border: 0 none; vertical-align:middle; max-width:100%;} li {list-style:none;} button{background:transparent; cursor:pointer; vertical-align:middle; margin:0; } button span{display:none;} h1, h2, h3, h4, h5, h6{font-size:100%; font-style:normal;} /* table */ table { border-collapse:collapse; border-spacing:0; width:100%; } th {vertical-align:middle;} th, td { border-collapse:collapse; } legend, hr { display:none; } caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; } /* form */ form { display:inline; } select, input, textarea { color:#444; 'Nanum Barun Gothic', sans-serif; font-size:inherit; vertical-align:middle; } fieldset, blockquote, iframe, button { border:none; } /* font */ i, em, u, cite {font-style:normal;} em{font-weight:bold;} /* link */ a {color:#444; text-decoration:none; cursor:pointer;} a:visited{text-decoration: none} a:focus{text-decoration: none} a:active{text-decoration: none} a:hover{text-decoration: none} .after_div {*zoom:1;} .after_div:after { clear:both; content:""; display:block;} .clear {*zoom:1;} .clear:after { clear:both; content:""; display:block;} .fl { float:left;} .fr { float:right;} a {color:#000;} .relative {position:relative;} .absolute {position:absolute;} .dn {display:none;} .w_1200 {width:1200px; margin:0 auto;} /* 간격 조절 */ .p_0 {padding:0 !important;} .p_10 {padding:10px !important;} .p_30 {padding:30px !important;} .p_t0 {padding-top:0 !important;} .p_t10 {padding-top:10px !important;} .p_t15 {padding-top:15px !important;} .p_t81 {padding-top:81px !important;} .p_t23 {padding-top:23px !important;} .p_b15 {padding-bottom:15px !important;} .p_b23 {padding-bottom:23px !important;} .p_b29 {padding-bottom:29px !important;} .p_b30 {padding-bottom:30px !important;} .p_b32 {padding-bottom:32px !important;} .p_b33 {padding-bottom:33px !important;} .p_b48 {padding-bottom:48px !important;} .p_b50 {padding-bottom:50px !important;} .p_b60 {padding-bottom:60px !important;} .p_b200 {padding-bottom:200px !important;} .p_l60 {padding-left:60px !important;} .m_0 {margin:0 !important;} .m_t20 {margin-top:20px !important;} .m_t30 {margin-top:30px !important;} .m_t50 {margin-top:50px !important;} .m_t91 {margin-top:91px !important;} .m_t99 {margin-top:99px !important;} .m_r41 {margin-right:41px !important;} .m_r87 {margin-right:87px !important;} .m_r114 {margin-right:114px !important;} .m_r134 {margin-right:134px !important;} .m_b10 {margin-bottom:10px !important;} .m_b40 {margin-bottom:20px !important;} .m_l4 {margin-left:4px !important;} /* 배경 & 폰트 */ .bg_ccc {background:#ccc !important;} .bg_eee {background:#eee !important;} .bg_666 {background:#666 !important;} .bg_999 {background:#999 !important;} .bg_fff {background:#fff !important;} .bg_0085ca {background:#0085ca !important;} .bg_ffcb05 {background:#ffcb05 !important;} .border_ccc {border:1px solid #ccc;} .ff_white {color:#fff;} .ff_333 {color:#333 !important;} .ff_2ba5e8 {color:#2ba5e8 !important;} .ff_00639b {color:#00639b !important;} .ff_15 {font-size:15px;} .ff_bold {font-weight:600;} .border_2ba5e8 {border:1px solid #2ba5e8 !important;} .border_00639b {border:1px solid #00639b !important;} .border_0 {border:none !important;} .border_ra50 {border-radius:50px !important;} /* 레이아웃 */ .w_105 {width:105px;} .w_130 {width:130px;} .h_40 {height:40px; line-height:40px;} .h_46 {height:46px; line-height:46px;} .t_right {text-align:right !important;} .t_left {text-align:left !important;} .t_center {text-align:center !important;} /* 상단 검색창 시작 */ #header #lnb .hd_search {} #header #lnb .hd_search .hd_search_form {position:absolute; right:0; top:26px; width:980px; background:#fff; z-index:9000;} #header #lnb .hd_search .hd_search_form:after {clear:both; content:""; display:block;} #header #lnb .hd_search .hd_search_form .search_sec01 {float:left; position:relative; width:492px; height:50px; margin-left:180px; border:1px solid #0e648f; border-radius:100px;} #header #lnb .hd_search .hd_search_form .search_sec01 input {width:450px; height:50px; line-height:48px; border-radius:100px; border:none; margin-left:20px;} #header #lnb .hd_search .hd_search_form .search_sec01 a.search_btn {position:absolute; right:0; top:0;} #header #lnb .hd_search .hd_search_form .search_sec02 {float:right;} #header #lnb .hd_search .hd_search_form .search_sec02 > ul {} #header #lnb .hd_search .hd_search_form .search_sec02 > ul li {width:130px; height:50px; border-radius:100px; margin-left:10px;} #header #lnb .hd_search .hd_search_form .search_sec02 > ul li.sky {border:1px solid #009bdb; background:#009bdb url("../img/da_image/hd_quick_arrow.png") no-repeat 99px center;} #header #lnb .hd_search .hd_search_form .search_sec02 > ul li.blue {border:1px solid #00355f; background:#00355f url("../img/da_image/hd_quick_arrow.png") no-repeat 105px center;} #header #lnb .hd_search .hd_search_form .search_sec02 > ul li a { display:block; width:100%; height:50px; line-height:50px; color:#fff; font-size:15px; font-weight:400; text-indent:32px; } #header #lnb .hd_search .hd_search_form .search_sec02 > ul li.blue a {text-indent:24px;} #header #lnb .hd_search .hd_search_form .search_sec03 {position:absolute; right:-43px; top:13px;} /* 상단 검색창 끝 */ /* 상단 레이어 추가 시작 */ #header #gnbDropList dl {position:relative;} #header #gnbDropList dl:hover dd {display:block !important;} #header #gnbDropList dl.gnbDrop1 {} #header #gnbDropList dl.gnbDrop2 {width:66px;} #header #gnbDropList dl dd {position:absolute; left:0; top:50px; z-index:9000; background:#fff; border:1px solid #0e648f; border-top:none;} #header #gnbDropList dl.gnbDrop1 dd {left:50%; margin-left:-56px; width:105px; padding:20px 0 0;} #header #gnbDropList dl.gnbDrop2 dd {width:195px; padding:20px 0 0;} #header #gnbDropList dl dd .sub_menu {} #header #gnbDropList dl dd .sub_menu ul {} #header #gnbDropList dl dd .sub_menu ul li {margin:0 0 19px;} #header #gnbDropList dl dd .sub_menu ul li a {display:inline-block;color:#777; font-size:12px; font-weight:500; text-indent:19px; padding-right:34px; letter-spacing:-0.5px;} #header #gnbDropList dl dd .sub_menu ul li a:hover {color:#0e648f; font-size:12px; font-weight:600; background:url("../img/da_image/sub_menu_icon.gif") no-repeat right center;} #header #lnb #lnbNav {} #header #lnb #lnbNav li {position:relative; padding:0 0 28px;} #header #lnb #lnbNav li:hover .sub_lnb_menu {display:block !important;} #header #lnb #lnbNav li .sub_lnb_menu { position:absolute; left:50%; top:72px; margin-left:-90px; z-index:9000; width:180px; height:247px; background:url("../img/da_image/sub_lnb_bg.gif") no-repeat left top; } #header #lnb #lnbNav li:nth-child(2) .sub_lnb_menu {height:170px;} #header #lnb #lnbNav li:nth-child(3) .sub_lnb_menu {height:140px;} #header #lnb #lnbNav li .sub_lnb_menu > ul {padding:17px 0 0;} #header #lnb #lnbNav li .sub_lnb_menu > ul li {float:none; margin:0; text-align:center; padding:0;} #header #lnb #lnbNav li .sub_lnb_menu > ul li a {color:#719bb0; font-size:13px; font-weight:400; line-height:36px;} #header #lnb #lnbNav li .sub_lnb_menu > ul li a:hover {color:#fff; background:none;} /*header page_list 섹션추가*/ #header #logo{position:relative;} #header #logo .logo_wrap{position:relative;display:inline-block;vertical-align:top;} #header #logo .logo_wrap span{cursor:pointer;margin-left:18px;display:none;vertical-align:top;/* position:absolute;top:0;right:-35px; */width:25px;height:25px;background:url('../img/main_hd_arrow.png') no-repeat;background-size:cover;text-indent:-9999px;transform:rotate(180deg);} #header .cenga_p_wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);display:none;z-index:9999;} #header .cenga_p_wrap .cenga_p_li{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;} #header .cenga_p_wrap .cenga_p_li li a{display:block;padding:10px 15px;width:145px;text-align:left;} #header .cenga_p_wrap .cenga_p_li li + li a{border-top:1px solid #ddd;} #header .cenga_p_wrap .cenga_p_colse{position:absolute;top:10px;right:10px;width:25px;cursor:pointer;} @media screen and (max-width: 720px){ #header #logo .logo_wrap span{display:inline-block;} } /* 상단 레이어 추가 끝 */ /* 하단 시작 */ #footer {position:relative;} /* #footer .w_1200 {position:absolute; left:50%; bottom:50px; margin-left:-600px;} */ #footer .w_1200 {background:#333;} p.copyright {color:#fff; font-size:12px; font-weight:500; opacity:0.4; text-align:right;} /* 하단 끝 */ /* 서브페이지 css */ #sub_cont {padding:40px 0 90px;} #sub_cont.publish_cont {background:url("../img/da_image/publish_bg.png") no-repeat center 143px;} /* 상단 타이틀 */ .sub_header {position:relative; height:50px; line-height:50px; background:#eee;} .sub_header .hd_sub_cate {position:absolute; left:50%; top:0; width:auto; margin-left:-600px;} .sub_header .hd_sub_cate select { width:198px; height:28px; line-height:28px; background:#fff; border:1px solid #d3d3d3; color:#333; font-size:13px; font-weight:500; } .sub_header > ul {display:table; margin:0 auto;} .sub_header > ul li {padding:0 23px; background:url("../img/da_image/sub_lnb_line.gif") no-repeat left center;} .sub_header > ul li:first-child {background:none;} .sub_header > ul li.on {} .sub_header > ul li a {color:#666; font-size:13px; font-weight:500;} .sub_header > ul li.on a {color:#333; font-size:13px; font-weight:600;} .sub_header2 {position:relative; height:50px; line-height:50px; background:#eee;} .sub_header2 .hd_sub_cate {position:absolute; left:50%; top:0; width:auto; margin-left:-600px;} .sub_header2 .hd_sub_cate select { width:250px; height:28px; line-height:28px; background:#fff; border:1px solid #d3d3d3; color:#333; font-size:13px; font-weight:500; } .sub_header2 > ul {display:table; margin:0 auto;} .sub_header2 > ul li {padding:0 23px; background:url("../img/da_image/sub_lnb_line.gif") no-repeat left center;} .sub_header2 > ul li:first-child {background:none;} .sub_header2 > ul li.on {} .sub_header2 > ul li a {color:#666; font-size:13px; font-weight:500;} .sub_header2 > ul li.on a {color:#333; font-size:13px; font-weight:600;} #sub_cont h2.sub_tit {min-height:52px; text-align:center; border-bottom:1px solid #ccc; margin:0 0 38px;} #sub_cont h2.sub_tit span { display:inline-block; min-height:31px; color:#333; font-size:30px; font-weight:500; padding:0 0 22px; background:url("../img/da_image/tit_icon.gif") no-repeat center bottom; } #sub_cont h3.sub_txt {color:#333; font-size:13px; font-weight:500; text-align:center; line-height:20px; margin:0 0 35px;} /* about 시작 */ #sub_cont .about_cont {} #sub_cont .about_cont h2.tit { color:#333; font-size:22px; font-weight:600; padding-left:20px; line-height:24px; background:url("../img/da_image/sub_icon_tit.png") no-repeat left top; } #sub_cont .about_cont .about_sec01 span {margin-left:20px;} #sub_cont .about_cont .about_sec01 span.chumboo {border:1px solid #0085ca; padding:10px; background:#0085ca;} #sub_cont .about_cont .about_sec01 span.chumboo a {color:#fff; background:#0085ca;} #sub_cont .about_cont .about_sec01 {border-bottom:1px dotted #b7b7b7; padding:0 0 13px; margin:0 0 31px;} #sub_cont .about_cont .about_sec01 h2.tit {margin:0 0 24px;} #sub_cont .about_cont .about_sec01 h5 {padding:0 0 38px;} #sub_cont .about_cont .about_sec02 {} #sub_cont .about_cont .about_sec02 h2.tit {margin:0 0 13px;} #sub_cont .about_cont .team_info {} #sub_cont .about_cont .team_info h3 {color:#0085ca; font-size:16px; font-weight:600; padding:0 0 7px;} #sub_cont .about_cont .team_info p {color:#666; font-size:15px; font-weight:500; line-height:22px; margin:0 0 12px;} #sub_cont .about_cont .team_info p a {color:#666; font-size:15px; font-weight:500; line-height:22px;} #sub_cont .about_cont .team_info p span {color:#333; font-weight:600;} #sub_cont .about_cont .team_info ul {} #sub_cont .about_cont .team_info ul li {padding:0 0 40px;} #sub_cont .about_cont .team_info ul li:last-child {padding:0 0 20px;} #sub_cont .about_cont .team_info ul li:after {clear:both; content:""; display:block;} #sub_cont .about_cont .team_info ul li span { float:left; display:inline-block; width:126px; color:#333; font-size:15px; font-weight:600; padding-left:24px; background:url("../img/da_image/icon_about_tit.gif") no-repeat left center; } #sub_cont .about_cont .team_info ul li span.link {display:inline-block;color:#333;font-size:15px;font-weight:600;margin-left:-10px;margin-top:-1px;background:none;position:absolute;} #sub_cont .about_cont .team_info ul li p {float:left; color:#666; font-size:15px; font-weight:500; line-height:20px; margin:0;} #sub_cont .about_cont .location_form {border:1px solid #ccc; padding:30px 30px 0;} #sub_cont .about_cont .location_form:after {clear:both; content:""; display:block;} #sub_cont .about_cont .location_form h2.tit {float:left;} #sub_cont .about_cont .location_form ul.btn_map_list {float:right; margin:0 0 14px;} #sub_cont .about_cont .location_form ul.btn_map_list li {width:120px; height:30px; text-align:center; margin-left:4px;} #sub_cont .about_cont .location_form ul.btn_map_list li.gray {background:#666;} #sub_cont .about_cont .location_form ul.btn_map_list li.blue {background:#0085ca; padding:0 7px;} #sub_cont .about_cont .location_form ul.btn_map_list li a {display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:13px; font-weight:400;} #sub_cont .about_cont .location_form .map {padding:16px 0 0; margin:0 0 15px;} #sub_cont .about_cont .location_form .map > div {width:100% !important;} #sub_cont .about_cont .location_form .map .wrap_controllers {display:none;} #sub_cont .about_cont .location_form ul.map_info {} #sub_cont .about_cont .location_form ul.map_info li { width:529px; height:31px; line-height:31px; color:#666; font-size:13px; font-weight:500; padding-left:40px; margin-bottom:15px; border-bottom:1px dotted #d6d6d6; } #sub_cont .about_cont .location_form ul.map_info li:nth-child(2n+1) {content:""; clear:both; float:left;} #sub_cont .about_cont .location_form ul.map_info li:nth-child(3), #sub_cont .about_cont .location_form ul.map_info li:nth-child(4) {border:none;} #sub_cont .about_cont .location_form ul.map_info li.map1 {background:url("../img/da_image/icon_location01.png") no-repeat left top; padding-bottom:15px;} #sub_cont .about_cont .location_form ul.map_info li.map1 p {line-height:31px; color:#666; font-size:13px; font-weight:500;} #sub_cont .about_cont .location_form ul.map_info li.map2 {background:url("../img/da_image/icon_location02.png") no-repeat left top; padding-bottom:15px;} #sub_cont .about_cont .location_form ul.map_info li.map3 {background:url("../img/da_image/icon_location03.png") no-repeat left top;} #sub_cont .about_cont .location_form ul.map_info li.map4 {background:url("../img/da_image/icon_location04.png") no-repeat left top;} #sub_cont .about_cont .location_form ul.map_info li span {display:inline-block; padding-right:38px; color:#333; font-size:13px; font-weight:600;} #sub_cont .about_cont .location_form ul.map_info li.map3 span {padding-right:27px;} /* about 끝 */ /* online 시작 */ #sub_cont .about_cont .online ul {} #sub_cont .about_cont .online ul li { padding:0 0 0 26px; margin:0 0 22px; color:#333; font-size:15px; font-weight:500; background:url("../img/da_image/icon_check.png") no-repeat left top; } #sub_cont .about_cont .online ul li:last-child {padding:0 0 0 26px;} #sub_cont .about_cont .online_list {} #sub_cont .about_cont .online_list > ul {} #sub_cont .about_cont .online_list > ul:after {clear:both; content:""; display:block;} #sub_cont .about_cont .online_list > ul li { float:left; /*border:1px solid #ccc;*/ /*border-bottom:1px solid #767676;*/ text-align:center; padding:99px 97px 25px; margin:0 24px 24px 0; } #sub_cont .about_cont .online_list > ul li:nth-child(3n) {margin-right:0;} #sub_cont .about_cont .online_list > ul li.online01 {background:url("../img/da_image/online_tit01.gif") no-repeat center 29px;} #sub_cont .about_cont .online_list > ul li.online02 {background:url("../img/da_image/online_tit02.gif") no-repeat center 15px;} #sub_cont .about_cont .online_list > ul li.online03 {background:url("../img/da_image/online_tit03.gif") no-repeat center 24px;} #sub_cont .about_cont .online_list > ul li.online04 {background:url("../img/da_image/online_tit04.gif") no-repeat center 30px;} #sub_cont .about_cont .online_list > ul li.online05 {background:url("../img/da_image/online_tit05.gif") no-repeat center 30px;} #sub_cont .about_cont .online_list > ul li.online06 {background:url("../img/da_image/online_tit06.gif") no-repeat center 23px;} #sub_cont .about_cont .online_list > ul li:nth-child(3n+1) {clear:both; content:""; float:left;} #sub_cont .about_cont .online_list > ul li p {width:188px; height:34px; background:#ffcb05; border-radius:100px;} #sub_cont .about_cont .online_list > ul li p a { display:block; width:100%; height:34px; line-height:34px; color:#222; font-size:15px; font-weight:600; font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important; background:url("../img/da_image/icon_online_more.png") no-repeat 80% center; } #sub_cont .online_cont {} #sub_cont .online_cont h5 {text-align:center; padding:0 0 77px;} #sub_cont .online_cont dl.mindtap_list {} #sub_cont .online_cont dl.mindtap_list:after {clear:both; content:""; display:block;} #sub_cont .online_cont dl.mindtap_list dt {float:left; margin-right:137px;} #sub_cont .online_cont dl.mindtap_list dd {float:left;} #sub_cont .online_cont dl.mindtap_list dd > ul {} #sub_cont .online_cont dl.mindtap_list dd > ul li {padding:0 0 75px 142px;} #sub_cont .online_cont dl.mindtap_list dd > ul li.mind01 {background:url("../img/da_image/mindtap_icon01.png") no-repeat left top; padding-bottom:50px;} #sub_cont .online_cont dl.mindtap_list dd > ul li.mind02 {background:url("../img/da_image/mindtap_icon02.png") no-repeat left top; padding-top:25px;} #sub_cont .online_cont dl.mindtap_list dd > ul li.mind03 {background:url("../img/da_image/mindtap_icon03.png") no-repeat left top;} #sub_cont .online_cont dl.mindtap_list dd > ul li.mind04 {background:url("../img/da_image/mindtap_icon04.png") no-repeat left top;} #sub_cont .online_cont dl.mindtap_list dd > ul li span {display:block; color:#0e648f; font-size:20px; font-weight:600; padding:0 0 11px;} #sub_cont .online_cont dl.mindtap_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #sub_cont .online_cont .user_guide {height:300px; background:url("../img/da_image/mind_guide_bg.gif") no-repeat left top;} #sub_cont .online_cont .user_guide h2 {text-align:center; padding:60px 0 0;} #sub_cont .online_cont .user_guide .w_1200 > ul {display:table; margin:0 auto; padding:50px 0 0;} #sub_cont .online_cont .user_guide .w_1200 > ul li {text-align:center;} #sub_cont .online_cont .user_guide .w_1200 > ul li:nth-child(2) {margin:0 170px 0 137px;} #sub_cont .online_cont .user_guide .w_1200 > ul li p {color:#fff; font-size:24px; font-weight:500; margin:0 0 22px;} #sub_cont .online_cont .user_guide .w_1200 > ul li span {display:block; width:188px; height:34px; background:#ffcb05; border-radius:100px; margin:0 auto;} #sub_cont .online_cont .user_guide .w_1200 > ul li span a { display:block; width:100%; height:34px; line-height:34px; text-align:left; text-indent:42px; color:#222; font-size:15px; font-weight:600; font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important; background:url("../img/da_image/icon_online_more.png") no-repeat 75% center; } #sub_cont .online_cont .video_cont {padding:100px 0 0;} #sub_cont .online_cont .video_cont h2 {text-align:center; padding:0 0 40px;} #sub_cont .online_cont .video_cont ul.video_list {} #sub_cont .online_cont .video_cont ul.video_list li {width:32%; margin:0 24px 42px 0;}/*width:382px;*/ #sub_cont .online_cont .video_cont ul.video_list li:nth-child(3n) {margin-right:0;} #sub_cont .online_cont .video_cont ul.video_list li:nth-child(3n+1) {clear:both; content:""; float:left;} #sub_cont .online_cont .video_cont ul.video_list li div.video {width:100%; border:1px solid #ccc;} #sub_cont .online_cont .video_cont ul.video_list li div.video .vidyard_player {} #sub_cont .online_cont .video_cont ul.video_list li div.video .vidyard_player > span {width:100% !important; height:216px !important;} #sub_cont .online_cont .video_cont ul.video_list li dl {padding:21px 0 0;} #sub_cont .online_cont .video_cont ul.video_list li dl dt { display:inline-block; width:80%; color:#0e648f; font-size:14px; font-weight:500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: inline-block; } #sub_cont .online_cont .video_cont ul.video_list li dl dd {color:#333; font-size:14px; font-weight:500;} #sub_cont .online_cont .video_cont .video_info {padding:76px 0 0;} #sub_cont .online_cont .video_cont .video_info h2 { color:#333; font-size:20px; font-weight:600; text-align:left; padding-left:26px; background:url("../img/da_image/sub_icon_tit.png") no-repeat left top; } #sub_cont .online_cont .video_cont .video_info ul {} #sub_cont .online_cont .video_cont .video_info ul li {width:530px; color:#333; font-size:16px; font-weight:500; padding:0 0 28px;} #sub_cont .online_cont .video_cont .video_info ul li:after {clear:bot; content:""; display:block;} #sub_cont .online_cont .video_cont .video_info ul li span {float:right; display:inline-block; width:188px; height:34px; background:#ffcb05; border-radius:100px;} #sub_cont .online_cont .video_cont .video_info ul li span a { display:block; width:100%; height:34px; line-height:34px; text-align:left; text-indent:54px; color:#222; font-size:14px; font-weight:500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; background:url("../img/da_image/icon_online_more.png") no-repeat 70% center; } #sub_cont .online_cont dl.aplia_list {padding:0 0 108px;} #sub_cont .online_cont dl.aplia_list:after {clear:both; content:""; display:block;} #sub_cont .online_cont dl.aplia_list dt {float:left; margin-right:137px;} #sub_cont .online_cont dl.aplia_list dd {float:left; padding-top:35px;} #sub_cont .online_cont dl.aplia_list dd > ul {} #sub_cont .online_cont dl.aplia_list dd > ul li {padding:0 0 75px 142px;} #sub_cont .online_cont dl.aplia_list dd > ul li.aplia01 {background:url("../img/da_image/aplia_icon01.png") no-repeat left top;} #sub_cont .online_cont dl.aplia_list dd > ul li.aplia02 {background:url("../img/da_image/aplia_icon02.png") no-repeat left top;} #sub_cont .online_cont dl.aplia_list dd > ul li.aplia03 {background:url("../img/da_image/aplia_icon03.png") no-repeat left top;} #sub_cont .online_cont dl.aplia_list dd > ul li span {display:block; color:#0e648f; font-size:20px; font-weight:600; padding:0 0 11px;} #sub_cont .online_cont dl.aplia_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #sub_cont .online_cont dl.cengagenow_list {padding:0 0 108px;} #sub_cont .online_cont dl.cengagenow_list:after {clear:both; content:""; display:block;} #sub_cont .online_cont dl.cengagenow_list dt {float:left; margin-right:137px;} #sub_cont .online_cont dl.cengagenow_list dd {float:left; padding-top:35px;} #sub_cont .online_cont dl.cengagenow_list dd > ul {} #sub_cont .online_cont dl.cengagenow_list dd > ul li {padding:0 0 75px 142px;} #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow01 {background:url("../img/da_image/cengagenow_icon01.png") no-repeat left top;} #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow02 {background:url("../img/da_image/cengagenow_icon02.png") no-repeat 19px top;} #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow03 {background:url("../img/da_image/cengagenow_icon03.png") no-repeat 19px top;} #sub_cont .online_cont dl.cengagenow_list dd > ul li span {display:block; color:#0e648f; font-size:20px; font-weight:600; padding:0 0 11px;} #sub_cont .online_cont dl.cengagenow_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #sub_cont .online_cont dl.owl_list {padding:0 0 108px;} #sub_cont .online_cont dl.owl_list:after {clear:both; content:""; display:block;} #sub_cont .online_cont dl.owl_list dt {float:left; margin-right:137px;} #sub_cont .online_cont dl.owl_list dd {float:left; padding-top:35px;} #sub_cont .online_cont dl.owl_list dd > ul {} #sub_cont .online_cont dl.owl_list dd > ul li {padding:0 0 75px 142px;} #sub_cont .online_cont dl.owl_list dd > ul li.owl01 {background:url("../img/da_image/owl_icon01.png") no-repeat left top;} #sub_cont .online_cont dl.owl_list dd > ul li.owl02 {background:url("../img/da_image/owl_icon02.png") no-repeat left top;} #sub_cont .online_cont dl.owl_list dd > ul li.owl03 {background:url("../img/da_image/owl_icon03.png") no-repeat left top;} #sub_cont .online_cont dl.owl_list dd > ul li span {display:block; color:#0e648f; font-size:20px; font-weight:600; padding:0 0 11px;} #sub_cont .online_cont dl.owl_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #sub_cont .online_cont dl.web_list {padding:0 0 108px;} #sub_cont .online_cont dl.web_list:after {clear:both; content:""; display:block;} #sub_cont .online_cont dl.web_list dt {float:left; margin-right:137px;} #sub_cont .online_cont dl.web_list dd {float:left; padding-top:35px;} #sub_cont .online_cont dl.web_list dd > ul {} #sub_cont .online_cont dl.web_list dd > ul li {padding:0 0 75px 142px;} #sub_cont .online_cont dl.web_list dd > ul li.web01 {background:url("../img/da_image/web_icon01.png") no-repeat left top;} #sub_cont .online_cont dl.web_list dd > ul li.web02 {background:url("../img/da_image/web_icon02.png") no-repeat left top;} #sub_cont .online_cont dl.web_list dd > ul li.web03 {background:url("../img/da_image/web_icon03.png") no-repeat left top;} #sub_cont .online_cont dl.web_list dd > ul li span {display:block; color:#0e648f; font-size:20px; font-weight:600; padding:0 0 11px;} #sub_cont .online_cont dl.web_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} /* online 끝 */ /* customer 시작 */ #sub_cont .customer_cont {} #sub_cont .customer_cont h2.customer_tit {color:#333; font-size:16px; font-weight:600; padding:0 0 12px;} #sub_cont .customer_cont div.customer_txt {border:1px solid #ccc; height:150px; overflow-y:scroll; background:#fff; color:#666; font-size:13px; font-weight:500; line-height:24px; padding:25px 30px 23px;} #sub_cont .customer_cont h3.customer_chk {color:#666; font-size:13px; font-weight:500; margin:10px 0 0;} #sub_cont .customer_cont h3.customer_chk input {margin-right:5px;} #sub_cont .customer_cont .customer_sec01 {} #sub_cont .customer_cont .customer_sec02 {} #sub_cont .customer_cont .customer_end {} #sub_cont .customer_cont .customer_end p {text-align:center; color:#666; font-size:13px; font-weight:500; line-height:20px; padding:0 0 25px;} #sub_cont .customer_cont .customer_end p span.blue {color:#0085ca; font-weight:600;} #sub_cont .customer_cont .customer_end p span.black {color:#111; font-weight:600;} #sub_cont .customer_cont .area_search {background:#eee; padding:40px 0 33px; margin:0 0 40px;} #sub_cont .customer_cont .area_search div.search {position:relative; width:1088px; height:48px; margin:0 auto; border:1px solid #d3d3d3; background:#fff;} #sub_cont .customer_cont .area_search div.search input {width:90%; height:48px; line-height:48px; text-indent:10px; border:none;} #sub_cont .customer_cont .area_search div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #sub_cont .customer_cont .area_search div.download {text-align:center; padding:17px 0 0;} #sub_cont .customer_cont .area_search div.download h2 {display:inline-block; height:35px; line-height:35px; color:#333; font-size:13px; font-weight:500;} #sub_cont .customer_cont .area_search div.download span {display:inline-block; margin-left:20px;} #sub_cont .customer_cont .area_search div.download span a { display:block; width:90px; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:500; background:#aaa; text-align:center; } #sub_cont .customer_cont .book_info {padding:40px 53px; margin:0 0 48px; border-bottom:1px solid #ccc;} #sub_cont .customer_cont .area_end {} #sub_cont .customer_cont .area_end p {color:#666; font-size:13px; font-weight:500; line-height:22px; text-align:center; padding:0 0 36px;} #sub_cont .customer_cont .area_end p span {color:#333; font-weight:600;} #sub_cont .customer_cont .publish_cont {padding:0 0 40px;} #sub_cont .customer_cont .publish_cont > p { color:#333; font-size:20px; font-weight:500; text-align:center; padding:30px 0 34px; } #sub_cont .customer_cont .publish_cont > p span {display:inline-block; padding:8px 0 0; color:#333; font-size:44px; font-weight:600;} #sub_cont .customer_cont .publish_cont > p span em {color:#0085ca; font-size:44px; font-weight:600;} #sub_cont .customer_cont .publish_cont > p span em.icon {color:#333; font-size:44px; font-weight:600; font-style:italic;} #sub_cont .customer_cont .publish_cont .publish_reson {background:#fff; border:1px solid #ccc; padding:39px 0;} #sub_cont .customer_cont .publish_cont .publish_reson ul {} #sub_cont .customer_cont .publish_cont .publish_reson ul li {width:19.9%; text-align:center; padding:90px 0 0; border-left:1px dotted #ccc;} #sub_cont .customer_cont .publish_cont .publish_reson ul li:first-child {border-left:none;} #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish01 {background:url("../img/da_image/publish_icon01.png") no-repeat center top;} #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish02 {background:url("../img/da_image/publish_icon02.png") no-repeat center top;} #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish03 {background:url("../img/da_image/publish_icon03.png") no-repeat center top;} #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish04 {background:url("../img/da_image/publish_icon04.png") no-repeat center top;} #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish05 {background:url("../img/da_image/publish_icon05.png") no-repeat center top;} #sub_cont .customer_cont .publish_cont .publish_reson ul li h2 {color:#333; font-size:20px; font-weight:600; padding:0 0 23px;} #sub_cont .customer_cont .publish_cont .publish_reson ul li p {color:#666; font-size:13px; font-weight:500; line-height:20px; padding:0;} /* 팝업창 */ .book_popup {position:absolute; left:0; top:0; width:100%; height:100%; min-height:1000px; background:url("../img/da_image/popup_bg.png") repeat left top; z-index:9000;} .book_popup .popup {position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-182px; width:650px; z-index:9100; padding:58px 0 69px; background:#fff;} .book_popup .popup span.close {position:absolute; right:20px; top:20px;} .book_popup .popup h2 {text-align:center; color:#333; font-size:46px; font-weight:600;} .book_popup .popup .member_form {} .book_popup .popup .member_form ul.member_list {display:table; margin:0 auto;} .book_popup .popup .member_form ul.member_list li { width:528px; height:58px; border:1px solid #ccc; border-radius:100px; margin:0 0 10px; } .book_popup .popup .member_form ul.member_list li input { width:420px; height:58px; line-height:58px; margin-left:80px; border:none; text-indent:10px; color:#888; font-size:14px; font-weight:500; } .book_popup .popup .member_form ul.member_list li input:focus {outline:none;} .book_popup .popup .member_form ul.member_list li.member_id {background:url("../img/da_image/icon_member_id.png") no-repeat 54px center;} .book_popup .popup .member_form ul.member_list li.member_click {background:#ffcb05; border:1px solid #ffcb05; margin:20px 0 0;} .book_popup .popup .member_form ul.member_list li.member_click a { display:block; width:100%; height:58px; line-height:58px; text-align:center; color:#fff; font-size:20px; font-weight:500; } .book_popup .popup .member_form ul.member_order_list {width:530px; margin:21px auto 0;} .book_popup .popup .member_form ul.member_order_list li {padding:0 0 22px;} .book_popup .popup.member_form ul.member_order_list li:after {clear:both; content:""; display:block;} .book_popup .popup .member_form ul.member_order_list li h3 {float:left; color:#888; font-size:13px; font-weight:500;} .book_popup .popup .member_form ul.member_order_list li p {float:right; color:#333; font-size:13px; font-weight:600; padding-left:23px;} .book_popup .popup .member_form ul.member_order_list li.join p {background:url("../img/da_image/icon_member_join.png") no-repeat left top;} /* customer 끝 */ /* 회원관련 시작 */ #sub_cont .member_cont {background:url("../img/da_image/login_bg.png") no-repeat left top; padding:100px 0 120px;} #sub_cont .member_cont .member_box {width:648px; margin:0 auto; border:1px solid #ccc; background:#fff; padding:0 0 48px;} #sub_cont .member_cont .member_box h2 {text-align:center; color:#333; font-size:46px; font-weight:600; padding:44px 0 37px;} #sub_cont .member_cont .member_box .member_tab {width:530px; margin:0 auto 30px;} #sub_cont .member_cont .member_box .member_tab table {border-collapse:collapse; width:100%;} #sub_cont .member_cont .member_box .member_tab table tr {} #sub_cont .member_cont .member_box .member_tab table tr td { width:50%; height:48px; text-align:center; z-index:1; background:#fff; border:1px solid #ccc; border-bottom:1px solid #0085ca; } #sub_cont .member_cont .member_box .member_tab table tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-bottom:1px solid #fff;} #sub_cont .member_cont .member_box .member_tab table tr td:nth-child(2).on {border-left:1px solid #0085ca;} #sub_cont .member_cont .member_box .member_tab table tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:13px; font-weight:500; } #sub_cont .member_cont .member_box .member_tab table tr td.on a {color:#333; font-size:13px; font-weight:500;} #sub_cont .member_cont .member_box .member_form {} #sub_cont .member_cont .member_box .member_form ul.member_list {display:table; margin:0 auto;} #sub_cont .member_cont .member_box .member_form ul.member_list li { width:528px; height:58px; border:1px solid #ccc; border-radius:100px; margin:0 0 10px; } #sub_cont .member_cont .member_box .member_form ul.member_list li input { width:420px; height:58px; line-height:58px; margin-left:80px; border:none; text-indent:10px; color:#888; font-size:14px; font-weight:500; } #sub_cont .member_cont .member_box .member_form ul.member_list li input:focus {outline:none;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_id {background:url("../img/da_image/icon_member_id.png") no-repeat 54px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_pw {background:url("../img/da_image/icon_member_pw.png") no-repeat 54px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_mail {background:url("../img/da_image/icon_member_email.png") no-repeat 54px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_click {background:#ffcb05; border:1px solid #ffcb05; margin:30px 0 0;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_click a { display:block; width:100%; height:58px; line-height:61px; text-align:center; color:#333; font-size:20px; font-weight:500; } #sub_cont .member_cont .member_box .member_form ul.member_order_list {width:530px; margin:42px auto 0;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li {padding:0 0 22px;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li:after {clear:both; content:""; display:block;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li h3 {float:left; color:#888; font-size:13px; font-weight:500;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li p {float:right; color:#333; font-size:13px; font-weight:600; padding-left:23px;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li.find p {background:url("../img/da_image/icon_member_find.png") no-repeat left top;} #sub_cont .member_cont .member_box .member_form ul.member_order_list li.join p {background:url("../img/da_image/icon_member_join.png") no-repeat left top;} /* 회원가입 */ #sub_cont .join {border-top:1px solid #0085ca; border-bottom:1px solid #ccc; padding:0 0 45px; margin:0 0 50px;} #sub_cont .join .join_info {padding:38px 0 27px 33px;} #sub_cont .join .join_info p {color:#666; font-size:13px; font-weight:500; line-height:22px;} #sub_cont .join .join_info p span {color:#111; font-size:13px; font-weight:600;} #sub_cont .join_cont {} #sub_cont .join_cont .join_ok {background:#eee; padding:10px;} #sub_cont .join_cont .join_ok > div {text-align:center; padding:60px 0 55px;} #sub_cont .join_cont .join_ok > div h2 {color:#333; font-size:30px; font-weight:600; padding:0 0 15px;} #sub_cont .join_cont .join_ok > div p {color:#777; font-size:15px; font-weight:500; line-height:22px;} #sub_cont .join_cont .join_ok > div p span.blue {color:#0085ca; font-size:15px; font-weight:600;} #sub_cont .join_cont .join_ok > div p span.black {color:#333; font-size:15px; font-weight:600;} /* 회원관련 끝 */ /* 마이페이지 시작 */ #sub_cont .mypage_cont {} /* 마이페이지 끝 */ /* 카타로그 시작 */ #sub_cont .catalog_cont {} #sub_cont .catalog_cont .catalog_info {padding:32px 0 0;} #sub_cont .catalog_cont .catalog_info ul {} #sub_cont .catalog_cont .catalog_info ul li {height:33px; line-height:33px;} #sub_cont .catalog_cont .catalog_info ul li:after {clear:both; content:""; display:block;} #sub_cont .catalog_cont .catalog_info ul li dl {} #sub_cont .catalog_cont .catalog_info ul li dl:after {clear:both; content:""; display:block;} #sub_cont .catalog_cont .catalog_info ul li dl dt {} #sub_cont .catalog_cont .catalog_info ul li dl dd { float:left; background:url("../img/da_image/catalog_array_icon.gif") no-repeat right center; margin-right:11px; padding-right:11px; } #sub_cont .catalog_cont .catalog_info ul li dl dd:last-child {background:none;} #sub_cont .catalog_cont .catalog_info ul li dl dd a {color:#888; font-size:13px; font-weight:500;} #sub_cont .catalog_cont .catalog_info ul li dl dd a.on {color:#333; font-size:13px; font-weight:600;} #sub_cont .catalog_cont .catalog_info ul li p {float:left; height:33px; line-height:33px; color:#222; font-size:13px; font-weight:500;} #sub_cont .catalog_cont .catalog_info ul li p span {color:#0085ca; font-size:13px; font-weight:500;} #sub_cont .catalog_cont .catalog_info ul li div.search {position:relative; float:left; width:238px; height:33px; border:1px solid #d3d3d3; margin-left:20px;} #sub_cont .catalog_cont .catalog_info ul li div.search input {width:85%; height:32px; line-height:32px; text-indent:10px; border:none;} #sub_cont .catalog_cont .catalog_info ul li div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #sub_cont .catalog_cont .catalog_info ul li div.search a img {vertical-align:top;} #sub_cont .catalog_cont .catalog_list {position:relative; padding:20px 0 0;} #sub_cont .catalog_cont .catalog_list ul {} #sub_cont .catalog_cont .catalog_list ul li { width:23.3%; border:1px solid #ccc; border-bottom:1px solid #8a8a8a; text-align:center; padding:0 0 21px; margin:0 24px 27px 0; } #sub_cont .catalog_cont .catalog_list ul li:nth-child(4n) {margin-right:0;} #sub_cont .catalog_cont .catalog_list ul li:nth-child(4n+1) {content:""; clear:both; float:left;} #sub_cont .catalog_cont .catalog_list ul li h3 {} #sub_cont .catalog_cont .catalog_list ul li h2 {color:#333; font-size:16px; font-weight:600; padding:22px 10px 6px;} #sub_cont .catalog_cont .catalog_list ul li p {color:#666; font-size:13px; font-weight:500;} #sub_cont .catalog_cont .catalog_list p.cate_cnt {position:absolute; right:250px; top:-32px; height:33px; line-height:33px; color:#222; font-size:13px; font-weight:500;} #sub_cont .catalog_cont .catalog_list p.cate_cnt span {color:#0085ca; font-size:13px; font-weight:500;} /* 카타로그 끝 */ /* 게시판 시작 */ #sub_cont .board_cont {} #sub_cont .board_cont .board_search {border:1px solid #d3d3d3; padding:17px 0 16px;} #sub_cont .board_cont .board_search:after {clear:both; content:""; display:block;} #sub_cont .board_cont .board_search > div {display:table; margin:0 auto;} #sub_cont .board_cont .board_search div.select {position:relative; float:left; width:83px; height:33px; border:1px solid #d3d3d3; z-index:100;} #sub_cont .board_cont .board_search div.select select {width:100%; height:100%; border:none; color:#333; font-size:12px; font-weight:500; text-indent:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} #sub_cont .board_cont .board_search div.search {float:left; position:relative; float:left; width:275px; height:33px; border:1px solid #d3d3d3; margin-left:5px;} #sub_cont .board_cont .board_search div.search input {width:85%; height:32px; line-height:32px; text-indent:10px; border:none;} #sub_cont .board_cont .board_search div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #sub_cont .board_cont .board_info {padding:30px 0 0;} #sub_cont .board_cont .board_info ul {} #sub_cont .board_cont .board_info ul li {} #sub_cont .board_cont .board_info ul li:after {clear:both; content:""; display:block;} #sub_cont .board_cont .board_info ul li dl {} #sub_cont .board_cont .board_info ul li dl:after {clear:both; content:""; display:block;} #sub_cont .board_cont .board_info ul li dl dt {} #sub_cont .board_cont .board_info ul li dl dd { float:left; background:url("../img/da_image/catalog_array_icon.gif") no-repeat right center; margin-right:11px; padding-right:11px; } #sub_cont .board_cont .board_info ul li dl dd:last-child {background:none;} #sub_cont .board_cont .board_info ul li dl dd a {color:#888; font-size:13px; font-weight:500;} #sub_cont .board_cont .board_info ul li dl dd a.on {color:#333; font-size:13px; font-weight:600;} #sub_cont .board_cont .board_info ul li.fr {color:#666; font-size:13px; font-weight:500;} #sub_cont .board_cont .board_info ul li input[type=radio] {margin-right:5px; margin-left:20px;} #sub_cont .board_cont .board_list {padding:20px 0 0;} #sub_cont .board_cont .board_list ul {} #sub_cont .board_cont .board_list ul li {border:1px solid #d3d3d3; border-bottom:none; padding:19px 0 30px 19px;} #sub_cont .board_cont .board_list ul li:last-child {border-bottom:1px solid #d3d3d3;} #sub_cont .board_cont .board_list ul li dl {} #sub_cont .board_cont .board_list ul li dl dt {margin-right:40px;} #sub_cont .board_cont .board_list ul li dl dt img {width:200px;} #sub_cont .board_cont .board_list ul li dl dd {max-width:900px;} #sub_cont .board_cont .board_list ul li dl dd h2 {color:#333; font-size:22px; font-weight:600; padding:30px 0 8px;} #sub_cont .board_cont .board_list ul li dl dd h3 { color:#0085ca; font-size:15px; font-weight:500; padding:0 0 5px; margin:0 0 5px; } #sub_cont .board_cont .board_list ul li dl dd h4 {color:#333; font-size:12px; font-weight:400; line-height:18px; padding-bottom:22px; margin-bottom:22px; background:url("../img/da_image/board_icon.gif") no-repeat left bottom;} #sub_cont .board_cont .board_list ul li dl dd h4 span {color:#333; font-size:12px; font-weight:600;} #sub_cont .board_cont .board_list ul li dl dd p {color:#888; font-size:13px; font-weight:500; line-height:20px; word-break: break-all;} #sub_cont .goods_view {margin:0 0 70px;} #sub_cont .goods_view .goods_thum {width:400px; margin-right:30px;} #sub_cont .goods_view .goods_thum .thum {position:relative; border:1px solid #d3d3d3; margin:0 0 20px;} #sub_cont .goods_view .goods_thum .thum h2 {text-align:center;} #sub_cont .goods_view .goods_thum .thum h2 img {max-width:100% !important;} #sub_cont .goods_view .goods_thum .thum span.more {position:absolute; left:-1px; top:-1px;} #sub_cont .goods_view .goods_thum ul.sns_list {display:table; margin:0 auto;} #sub_cont .goods_view .goods_thum ul.sns_list li {margin:0 5px;} #sub_cont .goods_view .goods_info {width:770px;} #sub_cont .goods_view .goods_info .tit {border-bottom:1px dotted #ddd; padding:0 0 28px; margin:0 0 19px;} #sub_cont .goods_view .goods_info .tit span {} #sub_cont .goods_view .goods_info .tit h2 {color:#333; font-size:26px; font-weight:600; padding:13px 0 14px;} #sub_cont .goods_view .goods_info .tit p {color:#888; font-size:13px; font-weight:500;} #sub_cont .goods_view .goods_info .goods_detail_info {} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list {padding:28px 0 0;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list:after {clear:both; content:""; display:block;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a {float:left; display:block; text-align:center;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_request { width:392px; height:46px; line-height:46px; color:#333; font-size:16px; font-weight:600; border:1px solid #ffcb05; border-radius:50px; background:#ffcb05; margin-right:8px; } #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_register { width:178px; height:46px; line-height:48px; color:#056097; font-size:16px; font-weight:600; border:1px solid #056097; border-radius:50px; background:#fff; margin-right:8px; box-sizing:border-box; } #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_copy { width:178px; height:46px; line-height:48px; color:#3fb9fc; font-size:16px; font-weight:600; border:1px solid #3fb9fc; border-radius:50px; background:#fff; } #sub_cont .goods_cont {} #sub_cont .goods_cont .goods_info {} #sub_cont .goods_cont .goods_info .info {border:1px solid #ccc; background:#fff; padding:28px 0 26px 30px; color:#666; font-size:13px; font-weight:500; line-height:24px;} #sub_cont .goods_cont .goods_info .info h2 {color:#333; font-size:16px; font-weight:600; padding:0 0 22px;} #sub_cont .goods_cont .goods_info .info p {color:#666; font-size:13px; font-weight:500; line-height:24px;} /* 게시판 끝 */ /* 테이블 css 시작 */ table.sub_tbl {border-top:1px solid #0085ca;} table.sub_tbl tr {} table.sub_tbl tr th, table.sub_tbl tr td {border-bottom:1px solid #ccc;} table.sub_tbl tr th {background:#eee; text-align:left; text-indent:40px; color:#333; font-size:13px; font-weight:600;} table.sub_tbl tr td {color:#666; font-size:13px; font-weight:500; text-indent:30px; padding:18px 0;} table.customer_tbl {} table.customer_tbl tr {} table.customer_tbl tr th {width:22%; color:#333; font-size:13px; font-weight:500; text-align:left; padding-left:33px;} table.customer_tbl tr th.interest {vertical-align:top; padding-top:15px;} table.customer_tbl tr th span {display:inline-block; padding-left:17px;} table.customer_tbl tr th span.point {display:inline-block; background:url("../img/da_image/customer_icon.png") no-repeat left center; padding-left:10px;} table.customer_tbl tr td {padding:7px 0;} table.customer_tbl tr.no td {background:url("../img/da_image/customer_tbl_line.gif") repeat-x left center;} table.customer_tbl tr td em {color:#777; font-size:12px; font-weight:500; padding-left:18px;} table.customer_tbl tr td input[type=text], table.customer_tbl tr td input[type=password] {width:198px; height:33px; line-height:33px; /*background:#eee; border:1px solid #eee;*/ text-indent:20px;} table.customer_tbl tr td input:focus {background:#fff; border:1px solid #0085ca;} table.customer_tbl tr td input[type=checkbox] {margin:0 5px 0 30px;} table.customer_tbl tr td input[type=checkbox]:first-child {margin-left:0;} table.customer_tbl tr td input.w_118 {width:118px;} table.customer_tbl tr td input.w_182 {width:182px;} table.customer_tbl tr td input.w_392 {width:392px;} table.customer_tbl tr td input.w_400 {width:400px;} table.customer_tbl tr td textarea {width:85%; min-height:200px; background:#eee; border:none; padding:10px; font-family:'NanumBarunGothic', sans-serif;} table.customer_tbl tr td textarea:focus {background:#fff; border:1px solid #0085ca;} table.customer_tbl tr td span.btn {display:inline-block; width:180px; height:35px; background:#aaa; text-align:center; margin-left:7px;} table.customer_tbl tr td span.btn a {display:block; width:100%; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:500;} table.customer_tbl tr td div.interest {border:1px solid #ccc;} table.customer_tbl tr td div.interest h2 { height:49px; line-height:49px; text-indent:20px; color:#333; font-size:13px; font-weight:500; cursor:pointer; background:url("../img/da_image/icon_arrow.png") no-repeat 98% center; } table.customer_tbl tr td div.interest h2.on {background:url("../img/da_image/icon_arrow_rotate.gif") no-repeat 98% center;} table.customer_tbl tr td div.interest h2.on + .interest_info {display:block !important;} table.customer_tbl tr td div.interest .interest_info {} table.customer_tbl tr td div.publish_sort {} table.customer_tbl tr td div.publish_sort > ul {} table.customer_tbl tr td div.publish_sort > ul li {width:200px; text-align:center;} table.customer_tbl tr td div.publish_sort > ul li.on {} table.customer_tbl tr td div.publish_sort > ul li a { display:block; width:100%; height:38px; line-height:38px; background:#eee; border:1px solid #ccc; border-left:none; border-bottom:none; color:#666; font-size:13px; font-weight:500; } table.customer_tbl tr td div.publish_sort > ul li.on a { background:#0085ca; border:1px solid #0085ca; border-bottom:none; color:#fff; font-size:13px; font-weight:500; } table.customer_tbl tr td div.publish_sort .cont {border:1px solid #0085ca; padding:30px;} table.customer_tbl tr td label {display:block;margin:10px 0 0 0;} ul.publish_sort_tbl {} ul.publish_sort_tbl:after {clear:both; content:""; display:block;} ul.publish_sort_tbl li {float:left; margin-right:120px; margin-bottom:12px;} ul.publish_sort_tbl li:nth-child(2n) {margin-right:0; } ul.publish_sort_tbl li:nth-child(2n+1) {clear:both; content:""; float:left;} ul.publish_sort_tbl li span {display:inline-block; width:103px; color:#333; font-size:13px; font-weight:500; padding-left:17px;} ul.publish_sort_tbl li span.point {display:inline-block; background:url("../img/da_image/customer_icon.png") no-repeat left center;} ul.publish_sort_tbl li input {} table.board_tbl {border-top:1px solid #d3d3d3;} table.board_tbl tr {} table.board_tbl tr th { height:50px; line-height:50px; text-align:center; color:#333; font-size:13px; font-weight:600; background:#fafafa; border-bottom:1px solid #d3d3d3; } table.board_tbl tr td { height:45px; line-height:45px; text-align:center; color:#888; font-size:12px; font-weight:500; border-bottom:1px solid #d3d3d3; } table.board_tbl tr td.t_left {text-align:left !important;} table.board_tbl tr td a {color:#888;} table.board_view_tbl {border-top:1px solid #0085ca;} table.board_view_tbl tr {} table.board_view_tbl tr th { height:49px; line-height:49px; background:#eee; text-align:left; color:#333; font-size:13px; font-weight:600; border-bottom:1px solid #ccc; text-indent:40px; } table.board_view_tbl.add_view_tbl tr th {width:16.7%;} table.board_view_tbl tr td { height:49px; line-height:49px; text-align:left; color:#666; font-size:13px; font-weight:500; padding-left:30px; border-bottom:1px solid #ccc; } table.view_tbl {margin:0 0 20px;} table.view_tbl tr {} table.view_tbl tr th { height:49px; line-height:49px; background:#fafafa; text-align:center; color:#333; font-size:13px; font-weight:600; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; } table.view_tbl tr td {color:#888; font-size:12px; font-weight:500; line-height:22px; border-bottom:1px solid #d3d3d3; padding:18px;} table.view_tbl tr td div.cont {padding:2px 0 27px;} table.write_tbl {border-top:1px solid #0085ca;} table.write_tbl tr {} table.write_tbl tr th { width:13%; border-bottom:1px solid #d3d3d3; text-align:left; color:#333; font-size:13px; font-weight:500; text-indent:30px; } table.write_tbl tr td { border-bottom:1px solid #d3d3d3; padding:7px 0; } table.write_tbl tr td input[type=text] {width:200px; height:35px; line-height:35px; background:#eee; text-indent:10px; border:none;} table.write_tbl tr td textarea {width:95%; min-height:220px; background:#fff; border:none; padding:30px;} table.interest_tbl {} table.interest_tbl tr {} table.interest_tbl tr th { text-align:left; text-indent:20px; background:#eee; color:#333; font-size:13px; font-weight:600; border-top:1px solid #ccc; } table.interest_tbl tr td { border-top:1px solid #ccc; padding:18px 0 2px 20px; color:#666; font-size:13px; font-weight:500; } table.interest_tbl tr td ul.list {} table.interest_tbl tr td ul.list:after {clear:both; content:""; display:block;} table.interest_tbl tr td ul.list li {float:left; margin:0 0 16px;} table.interest_tbl tr td ul.list1 li {min-width:125px;} table.interest_tbl tr td ul.list2 li {min-width:100px;} table.interest_tbl tr td ul.list3 li {min-width:90px;} table.interest_tbl tr td ul.list4 li {min-width:115px;} table.interest_tbl tr td ul.list5 li {min-width:90px;} table.interest_tbl tr td ul.list6 li {margin-right:40px;} table.interest_tbl tr td ul.list1 li:nth-child(6n+1), table.interest_tbl tr td ul.list2 li:nth-child(8n+1), table.interest_tbl tr td ul.list3 li:nth-child(9n+1) table.interest_tbl tr td ul.list6 li:nth-child(8n+1) {content:""; clear:both; float:left;} table.catalog_tab {border-collapse:collapse; width:100%;} table.catalog_tab tr {} table.catalog_tab tr td { width:25%; height:48px; text-align:center; z-index:1; background:#f3f3f5; border:1px solid #ccc; border-bottom:1px solid #0085ca; } table.catalog_tab tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-top:3px solid #0085ca; border-bottom:1px solid #fff;} table.catalog_tab tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:14px; font-weight:500; } table.catalog_tab tr td.on a {color:#333; font-size:14px; font-weight:500;} table.goods_info_tbl {} table.goods_info_tbl tr {} table.goods_info_tbl tr th {text-align:left; color:#333; font-size:13px; font-weight:600;} table.goods_info_tbl tr td {color:#888; font-size:13px; font-weight:500; padding-left:25px; padding:10px 0 10px 25px;} table.goods_info_tbl tr.no td {background:url("../img/da_image/goods_line.png") repeat-x left center;} table.goods_info_tbl tr td .more {position:relative; display:inline-block;} table.goods_info_tbl tr td .more span {display:inline-block; margin-left:9px;} table.goods_info_tbl tr td .more span.on a {background:#0e648f !important;} table.goods_info_tbl tr td .more span.on em { position:absolute; right:-6px; top:50%; margin-top:-4px; display:block; width:6px; height:8px; background:url("../img/da_image/icon_more_arrow.png") no-repeat left center; } table.goods_info_tbl tr td .more span a {display:block; width:72px; height:25px; line-height:25px; background:#aaa; color:#fff; font-size:12px; font-weight:500; text-align:center;} table.goods_info_tbl tr td .more .more_popup {position:absolute; left:120px; top:-110px; width:315px; height:170px; border:1px solid #0085ca; background:#fff; padding:30px; z-index:1000;} table.goods_info_tbl tr td .more .more_popup > ul {border-bottom:1px dotted #cdcdcd; padding:0 0 2px; margin:0 0 25px;} table.goods_info_tbl tr td .more .more_popup > ul li {color:#888; font-size:13px; font-weight:500; margin:0 0 21px;} table.goods_info_tbl tr td .more .more_popup > ul li span {display:inline-block; width:85px; margin:0; color:#333; font-size:13px; font-weight:600;} table.goods_info_tbl tr td .more .more_popup p {color:#0e648f; font-size:13px; font-weight:500;} table.goods_info_tbl tr td .more .more_popup span.close {position:absolute; right:30px; top:30px; cursor:pointer;} table.goods_info_view {border-collapse:collapse; width:100%; margin:0 0 40px;} table.goods_info_view tr {} table.goods_info_view tr td { width:20%; height:48px; text-align:center; z-index:1; background:#eee; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #0085ca; } table.goods_info_view tr td:last-child {border-right:none;} table.goods_info_view tr td.on:last-chidl {border-right:1px solid #0085ca;} table.goods_info_view tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-bottom:1px solid #fff;} table.goods_info_view tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:14px; font-weight:500; } table.goods_info_view tr td.on a {color:#333; font-size:14px; font-weight:500;} table.book_info_tbl {border:1px solid #ccc; border-bottom:none;} table.book_info_tbl tr {} table.book_info_tbl tr th { height:48px; line-height:48px; text-align:left; text-indent:20px; background:#eee; border-bottom:1px solid #ccc; color:#333; font-size:13px; font-weight:500; border-right:1px solid #ccc; } table.book_info_tbl tr th:nth-child(1) {width:16%;} table.book_info_tbl tr th:nth-child(2) {width:57%;} table.book_info_tbl tr th:nth-chlid(3) {width:15%;} table.book_info_tbl tr th:nth-child(4) {width:9%;} table.book_info_tbl tr th:nth-child(5) {} table.book_info_tbl tr th.t_center {text-indent:0;} table.book_info_tbl tr td { height:48px; line-height:48px; text-align:left; text-indent:20px; background:#fff; border-bottom:1px solid #ccc; color:#333; font-size:13px; font-weight:500; border-right:1px solid #ccc; } table.book_info_tbl tr td.delivery {text-indent:5px;} table.book_info_tbl tr td.delivery input {width:73px; height:20px; line-height:20px; text-indent:5px; margin-left:5px;} table.book_info_tbl tr td.t_center {text-indent:0;} /* 테이블 css 끝 */ /* 페이징 css 시작 */ .board_info {position:relative;} .board_info:after {clear:both; content:""; display:block;} .board_info ul.paging {display:table; margin:45px auto 0;} .board_info ul.paging:after {clear:both; content:""; display:block;} .board_info ul.paging li {float:left; margin:0 12px;} .board_info ul.paging li a {color:#333; font-size:12px; font-weight:500;} .board_info ul.paging li.first {margin-right:28px;} .board_info ul.paging li.first img {margin-top:-2px;} .board_info ul.paging li.last {margin-left:28px;} .board_info ul.paging li.last img {margin-top:-2px;} .board_info ul.paging li.on {} .board_info ul.paging li.on a {color:#1e83eb; font-size:12px; font-weight:500;} /* 페이징 css 끝 */ /* 버튼 css 시작 */ .btn {} .btn.btn_write {position:absolute; right:0; top:-10px;} .btn.btn_write.btn_delete {right:140px;} .btn a {display:block;} .btn a.btn_join { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_request { width:270px; height:45px; line-height:47px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_report { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_contact { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_contact2 { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_buy { width:390px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } .btn a.btn_list { width:128px; height:44px; line-height:44px; background:#fff !important; border:1px solid #00639b; border-radius:50px; text-align:center; color:#00639b; font-size:15px; font-weight:600; } .btn a.btn_write { width:128px; height:44px; line-height:44px; background:#ffcb05; border:1px solid #ffcb05; border-radius:50px; text-align:center; color:#333; font-size:15px; font-weight:600; } /* 버튼 css 끝 */ /* RESPONSIVE */ @media screen and (max-width:1200px) { .w_1200 {width:100%;} #sub_cont {padding:20px 0 45px;} #sub_cont .about_cont {padding:0 20px;} .sub_header.add_sub_header {height:auto; line-height:25px; padding:5px 0;} .sub_header {position:relative; max-height:90px; line-height:50px; background:#eee;} .sub_header.sub_board_header {min-height:90px;} .sub_header.online {min-height:50px; line-height:22px; padding-top:10px;} .sub_header .hd_sub_cate {position:absolute; left:0; top:50px; width:100%; margin-left:0; box-sizing:border-box;padding:0 10px;} .sub_header .hd_sub_cate select { width:198px; height:28px; line-height:28px; background:#fff; border:1px solid #d3d3d3; color:#333; font-size:13px; font-weight:500; } /* .sub_header .hd_sub_cate .select_box_custom dt {display:none;} */ .sub_header > ul li {padding:0 2.3%;} .sub_header.add_sub_header > ul li {} #sub_cont .brand_cont dl {background:#f9f9f9;} #sub_cont .brand_cont dl dt img {padding-left:0 !important;} #sub_cont .brand_cont dl dd {background:#fff;} #sub_cont .about_cont .location_form {padding:15px 15px 0;} #sub_cont .about_cont .location_form ul.btn_map_list {float:right; margin:-7px 0 10px;} #sub_cont .about_cont .location_form ul.map_info li {width:86%; padding-bottom:8px; margin-bottom:8px; line-height:35px;} #sub_cont .about_cont .location_form ul.map_info li:nth-child(1) {line-height:17px;} #sub_cont .about_cont .location_form ul.map_info li:nth-child(1) span {display:inline-block;float:left;height:35px;line-height:35px;} #sub_cont .about_cont .location_form ul.map_info li:nth-child(3) {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d6d6d6;} #sub_cont .about_cont .location_form ul.map_info li span {padding-right:0 !important; min-width:50px;} #sub_cont .catalog_cont .catalog_info {padding:20px 0 0;} #sub_cont .catalog_cont .catalog_info ul {} #sub_cont .catalog_cont .catalog_info ul li {float:none; display:table; margin:0 auto;} #sub_cont .catalog_cont .catalog_info ul li > p {float:none;} #sub_cont .catalog_cont .catalog_info ul li > div.search {float:none;} #sub_cont .catalog_cont .catalog_list ul li {width:48.2%; margin-right:2.4%; margin-bottom:2.4%; padding:0 0 10px;} #sub_cont .catalog_cont .catalog_list ul li:nth-child(2n) {margin-right:0;} #sub_cont .catalog_cont .catalog_list ul li h3 {} #sub_cont .catalog_cont .catalog_list ul li h3 img {width:100%;} #sub_cont .catalog_cont .catalog_list ul li h2 {padding:11px 10px 6px;} #sub_cont .catalog_cont .catalog_list ul li p {padding:0 10px;} #sub_cont .customer_cont .customer_sec01 {padding:15px !important; margin-bottom:20px !important;} #sub_cont .join .join_info {padding:19px 16px 14px 16px;} #sub_cont .goods_view {margin:0 0 35px;} #sub_cont .board_cont .board_info {padding:20px 0 0;} #sub_cont .goods_view .goods_thum {float:none; margin:0 auto; text-align:center;} #sub_cont .goods_view .goods_info {width:95%; margin:0 10px;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_request {width:99.5%; margin-bottom:2%;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_register {width:48.4%; margin-right:2%;} #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_copy {width:48.4%;} #sub_cont .member_cont {padding:50px 15px !important; background:url("../img/da_image/m_login_bg.png") no-repeat right bottom; background-size:100% auto;} #sub_cont .member_cont .member_box .member_tab {width:95%;} #sub_cont .member_cont .member_box {width:99%;} #sub_cont .member_cont .member_box .member_form ul.member_order_list {width:94%; margin:20px auto 0; padding:0 10px;} #sub_cont .member_cont .member_box .member_form ul.member_list {width:calc(100% - 5%);} #sub_cont .member_cont .member_box .member_form ul.member_list li {width:100%;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_id {background:url("../img/da_image/icon_member_id.png") no-repeat 27px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_pw {background:url("../img/da_image/icon_member_pw.png") no-repeat 27px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li.member_mail {background:url("../img/da_image/icon_member_email.png") no-repeat 27px center;} #sub_cont .member_cont .member_box .member_form ul.member_list li input {width:calc(100% - 30%); margin-left:45px;} #sub_cont .join {margin:0;} #sub_cont .goods_cont .goods_info .info {padding:14px 15px 13px 15px;} #sub_cont .board_cont .board_list ul li dl dt {float:none; text-align:center;} #sub_cont .customer_cont .area_end p {padding:0 15px 36px;} #sub_cont .customer_cont .area_search div.search {width:95%; margin:0 10px;} #sub_cont .customer_cont .book_info {padding:10px 14px; margin:0 0 24px;} #sub_cont .customer_cont .publish_cont > p {background-size:100% auto;} #sub_cont .customer_cont .publish_cont .publish_reson {padding:20px 0;} #sub_cont .customer_cont .publish_cont .publish_reson ul li {width:100%; margin-bottom:40px; border:none;} #sub_cont .customer_cont .publish_cont .publish_reson ul li h2 {padding:0 0 12px;} #sub_cont .goods_view .goods_thum {width:100%;} #sub_cont .goods_view .goods_thum ul.sns_list li:last-child {display:block !important;} #sub_cont .board_cont .board_list ul li {padding:19px 0 30px;} #sub_cont .board_cont .board_list ul li dl {margin:0;} #sub_cont .board_cont .board_list ul li dl dd {width:calc(100% - 11%); max-width:none; padding:10px 19px 0;} #sub_cont .board_cont .board_list ul li dl dd p {overflow:hidden;} #sub_cont .board_cont .board_search div.search {width:238px;} ul.publish_sort_tbl {} ul.publish_sort_tbl:after {clear:both; content:""; display:block;} ul.publish_sort_tbl li {float:none; margin-bottom:12px; margin-right:0;} ul.publish_sort_tbl li:nth-child(2n+1) {clear:both; content:""; float:left;} ul.publish_sort_tbl li span {display:inline-block; width:103px; color:#333; font-size:13px; font-weight:500; margin:0 0 10px;} ul.publish_sort_tbl li span.point {display:inline-block; background:url("../img/da_image/customer_icon.png") no-repeat left center; padding-left:17px;} ul.publish_sort_tbl li input[type=text] {width:100% !important;} .book_popup .popup {left:0; top:17%; width:100%; margin-left:0; margin-top:0;} .book_popup .popup h2 {margin:0 0 10px;} .book_popup .popup .member_form ul.member_list {display:block; margin:0 10px;} .book_popup .popup .member_form ul.member_list li {width:100%;} .book_popup .popup .member_form ul.member_list li.member_id {background:url("../img/da_image/icon_member_id.png") no-repeat 27px center;} .book_popup .popup .member_form ul.member_list li input {margin-left:40px; width:auto;} .book_popup .popup .member_form ul.member_order_list {width:95%;} table.sub_tbl {border-top:1px solid #0085ca;} table.sub_tbl tr {} table.sub_tbl tr th, table.sub_tbl tr td {border-bottom:1px solid #ccc;} table.sub_tbl tr th {background:#eee; text-align:left; text-indent:0; color:#333; font-size:13px; font-weight:600; padding:5px 0 5px 20px;} table.sub_tbl tr td {color:#666; font-size:13px; font-weight:500; text-indent:0; padding:9px 0 9px 15px;} table.catalog_tab tr td a {height:24px; line-height:24px; letter-spacing:-1px;} table.board_view_tbl tr th {text-indent:4px;} table.board_view_tbl tr td {padding-left:15px;} table.board_view_tbl.add_view_tbl {width:92%; margin:0 15px;} table.board_view_tbl.add_view_tbl tr th {height:25px; line-height:25px; text-indent:0; padding:0 3px;} table.board_view_tbl.add_view_tbl tr td {height:25px; line-height:19px; text-indent:0;} table.write_tbl tr th {width:20%; padding-left:10px; text-indent:0;} table.write_tbl tr td {padding:7px 0 7px 15px;} table.write_tbl tr td textarea {padding:15px;} table.board_tbl tr td {line-height:22px;} table.view_tbl tr td {padding:9px;} table.customer_tbl tr th {width:32%; padding-left:15px;} table.customer_tbl tr td input[type=text], table.customer_tbl tr td input[type=password] {width:45%;} table.customer_tbl tr td input.w_118 {width:22%;} table.customer_tbl tr td input[type=text].w_100_90 {width:calc(92% - 95px);} table.customer_tbl tr td input[type=text].w_100_180 {width:calc(92% - 190px);} table.customer_tbl.customer_book_tbl tr td input.w_118 {width:26%;} table.customer_tbl.customer_book_tbl tr td input.w_182 {width:41%;} table.customer_tbl.customer_book_tbl tr td input.w_182.w_182_lb {width:calc(41% - 35px);} table.customer_tbl tr td span.btn {display:block; margin:5px 0 0;} table.customer_tbl tr td span.btn.btn_af100 {display:inline-block;margin:0 0 0 2px;vertical-align:middle;} table.customer_tbl tr td em {display:block; padding-left:0; margin-top:5px;} table.customer_tbl tr td div.publish_sort > ul li {width:46%;} table.customer_tbl tr td div.publish_sort .cont {padding:10px;} table.customer_tbl tr td div.interest {margin-right:10px;} table.customer_tbl tr td div.interest table.interest_tbl {} table.customer_tbl tr td div.interest table.interest_tbl th {text-indent:0 !important; padding-left:5px !important;} table.interest_tbl tr td ul.list6 li {margin-right:0;} table.interest_tbl tr td ul.list6 li:nth-child(n) {clear:both; content:""; float:left;} table.customer_tbl tr td.boowName {} table.customer_tbl tr td.bookName input {display:block !important; width:92% !important; margin-bottom:5px !important;} table.customer_tbl tr td.bookName span.btn.btn_af100 {margin-left:0;} table.book_info_tbl tr th {height:24px; line-height:24px; text-indent:0; padding:0 5px;} table.book_info_tbl tr th:nth-child(1) {width:25%;} table.book_info_tbl tr th:nth-child(2) {width:43%;} table.book_info_tbl tr th:nth-chlid(3) {width:15%;} table.book_info_tbl tr th:nth-child(4) {width:20%;} table.book_info_tbl tr th:nth-child(5) {} table.book_info_tbl tr td {height:24px; line-height:24px; text-indent:0; padding:0 5px;} table.book_info_tbl tr td.delivery input {margin-left:-5px;} table.goods_info_tbl tr td .more span {margin:5px 0 0;} table.goods_info_view tr td.last a {line-height:20px;} .board_info ul.paging {margin:22px auto 0;} .add_btn {float:none !important; display:table; margin:0 auto;} .mypage_btn {margin:20px 15px !important;} .btn.btn_write {top:25px;} .btn a.btn_buy {width:95%;} .btn a.btn_list {float:none; margin:0 auto;} .btn a.btn_list.add_btn_list {float:left; margin:0;} .btn a.btn_join {margin-top:20px;} } .quick_scroll.main_quick_scroll {position:fixed; right:0; top:733px; z-index:9000;} .quick_scroll.main_quick_scroll.fixed {top:30% !important;} .quick_scroll.sub_quick_scroll {position:fixed; right:0; top:100%; margin-top:-210px; z-index:9000;} .quick_scroll.sub_quick_scroll.fixed {} .quick_scroll ul.quick_sec01 {} .quick_scroll ul.quick_sec01 li {margin:0 0 5px;} .quick_scroll ul.quick_sec02 {} .quick_scroll ul.quick_sec02 li { border:1px solid #ccc; border-right:none; border-bottom:none; text-align:center; } .quick_scroll ul.quick_sec02 li:first-child {border-top:none;} .quick_scroll ul.quick_sec02 li:last-child {border-bottom:1px solid #ccc;} .quick_scroll ul.quick_sec02 li.icon1 {height:40px; background:#fff url("../img/da_image/quick_icon01.png") no-repeat center 16px; padding-top:56px;} .quick_scroll ul.quick_sec02 li.icon2 {height:38px; background:#fff url("../img/da_image/quick_icon02.png") no-repeat center 10px; padding-top:58px;} .quick_scroll ul.quick_sec02 li.icon3 {height:34px; background:#fff url("../img/da_image/quick_icon03.png") no-repeat center 27px; padding-top:62px;} .quick_scroll ul.quick_sec02 li.icon4 {height:38px; background:#fff url("../img/da_image/quick_icon04.png") no-repeat center 3px; padding-top:43px;} .quick_scroll ul.quick_sec02 li.icon5 {height:36px; background:#fff url("../img/da_image/quick_icon05.png") no-repeat center 23px; padding-top:60px;} .quick_scroll ul.quick_sec02 li.icon6 {height:38px; background:#fff url("../img/da_image/icon_quick_elt.png") no-repeat center 16px; padding-top:57px; line-height:15px;} .quick_scroll ul.quick_sec02 li.icon7 {height:30px; background:#fff url("../img/da_image/icon_quick_kakao.png") no-repeat center 16px; padding-top:57px; line-height:15px;} .quick_scroll ul.quick_sec02 li a {color:#333; font-size:12px; font-weight:500;} .quick_scroll .quick_sec03 {position:relative; margin:20px 0 0; text-align:center;} .quick_scroll .quick_sec03 a.top {position:absolute; top:0; display:block; width:100%; height:34px;} .quick_scroll .quick_sec03 a.down {position:absolute; bottom:0; display:block; width:100%; height:34px;} /******************* NATIONAL GEOGRAPHIC LEARNING *******************/ /* NATIONAL GEOGRAPHIC LEARNING css 시작 */ /* 상단 시작 */ #wrap.ngl #header {background:url("../img/da_image/ngl/gnb_bg.png") repeat-x left top; border-bottom:1px solid #00355f;} #wrap.ngl #header #gnb {background:#00355f;} #wrap.ngl #header #gnbDropList dl {margin-right:0;} #wrap.ngl #header #gnbDropList dl dt {background:none;} #wrap.ngl #header #gnbNav li {border:1px solid #7d98ad;} #wrap.ngl #header #gnbNav li:first-child + li {background:#0e648f; border:1px solid #0e648f;} #wrap.ngl #header #lnb #lnbNav li {margin:0 23px;} #wrap.ngl #header #lnb #lnbNav li:last-child {margin-right:0;} #wrap.ngl #header #lnb #lnbNav li a {font-family: 'Open Sans', 'Nanum Gothic', sans-serif !important; line-height:55px;} #wrap.ngl #header #lnb #lnbNav li a:hover {color:#0e648f; background:url("../img/da_image/ngl/hd_lnb_icon.png") no-repeat center bottom;} #wrap.ngl #header #lnb #lnbSchArea { position:absolute; top:38px; right:0; display:block; width:122px; height:40px; line-height:44px; text-align:left; text-indent:48px; font-size:15px; font-weight:bold; color:#333; background:#fbcc36 url("../img/da_image/ngl/head_icon_sch.png") no-repeat 25px center; border-radius:100px; } #wrap.ngl #header #lnb #lnbNav {} #wrap.ngl #header #lnb #lnbNav li {position:relative; padding:0 0 28px;} #wrap.ngl #header #lnb #lnbNav li:hover .sub_lnb_menu {display:block !important;} #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu { position:absolute; left:50%; top:84px; margin-left:-90px; z-index:9000; width:180px; height:219px; background:url("../img/da_image/sub_lnb_bg.gif") no-repeat left top; } #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu > ul {padding:17px 0 0;} #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu > ul li {float:none; margin:0; text-align:center; padding:0;} #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu > ul li a {color:#719bb0; font-size:13px; font-weight:400; line-height:36px;} #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu > ul li a:hover {color:#fff; background:none;} /* 상단 끝 */ /* 퀵메뉴 시작 */ #wrap.ngl .quick_scroll {position:fixed; right:0; top:733px; z-index:9000;} #wrap.ngl .quick_scroll.fixed {top:30% !important;} #wrap.ngl .quick_scroll ul.quick_sec01 {} #wrap.ngl .quick_scroll ul.quick_sec01 li {margin:0 0 5px;} #wrap.ngl .quick_scroll ul.quick_sec02 {} #wrap.ngl .quick_scroll ul.quick_sec02 li { border:1px solid #ccc; border-right:none; border-bottom:none; text-align:center; } #wrap.ngl .quick_scroll ul.quick_sec02 li:last-child {border-bottom:1px solid #ccc;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon1 {height:60px; background:#fff url("../img/da_image/ngl/quick_icon01.gif") no-repeat center 26px; padding-top:66px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon2 {height:58px; background:#fff url("../img/da_image/ngl/quick_icon02.gif") no-repeat center 28px; padding-top:68px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon3 {height:51px; background:#fff url("../img/da_image/ngl/quick_icon03.gif") no-repeat center 37px; padding-top:75px;} #wrap.ngl .quick_scroll ul.quick_sec02 li a {color:#333; font-size:12px; font-weight:500;} #wrap.ngl .quick_scroll .quick_sec03 {padding:30px 0 0; text-align:center;} /* 퀵메뉴 끝 */ /* 메인 시작 */ #wrap.ngl .main_section h2 {} #wrap.ngl .main_section h2 em {color:#333; font-size:38px; font-weight:600;} #wrap.ngl #mainMidBnr li {background:url("../img/da_image/ngl/catalog_bg.png") repeat left top;} #wrap.ngl #mainMidBnr li:last-child {background:#eee; margin-top:14px;} #wrap.ngl #mainMidBnr li span.icon_01 { width:127px; height:85px; text-align:left; line-height:18px; background:url("../img/da_image/ngl/mid_icon_01.png") no-repeat; background-position:53px 50%; padding-left:100px; padding-top:27px; } #wrap.ngl #mainMidBnr li span.icon_01 em {display:inline-block; padding:9px 0 0; letter-spacing:-1px;} #wrap.ngl #mainMidBnr li span.icon_02 { width:264px; height:96px; line-height:96px; text-align:left; text-indent:37px; padding:0; background:#fff url("../img/da_image/ngl/icon_arrow.png") no-repeat 75% center; border:1px solid #bbb; margin:8px; } #wrap.ngl #newBook {width:100%;} #wrap.ngl #newBook ul li a span {background:#fff;} #wrap.ngl #bestSeller .bx-pager-item a.active {background:#222;} #wrap.ngl #experiences {} /* 메인 끝 */ /* 버튼 시작 */ #wrap.ngl .main_section .more_btn { width:188px; height:34px; line-height:34px; color:#222; font-size:15px; font-weight:600; background:#ffcb05 url("../img/da_image/ngl/btn_more_icon.png") no-repeat 75% center; border:1px solid #ffcb05; text-indent:48px; } /* 버튼 끝 */ /* 서브페이지 css */ #wrap.ngl #sub_cont {padding:40px 0 90px;} /* 상단 타이틀 */ #wrap.ngl .sub_header {height:50px; line-height:50px; background:#eee;} #wrap.ngl .sub_header > ul {display:table; margin:0 auto;} #wrap.ngl .sub_header > ul li {padding:0 23px; background:url("../img/da_image/ngl/sub_lnb_line.gif") no-repeat left center;} #wrap.ngl .sub_header > ul li:first-child {background:none;} #wrap.ngl .sub_header > ul li.on {} #wrap.ngl .sub_header > ul li a {color:#666; font-size:13px; font-weight:500;} #wrap.ngl .sub_header > ul li.on a {color:#333; font-size:13px; font-weight:600;} #wrap.ngl #sub_cont h2.sub_tit {text-align:center; border-bottom:1px solid #ccc; margin:0 0 38px; background:url("../img/da_image/ngl/tit_icon.gif") no-repeat center bottom;} #wrap.ngl #sub_cont h2.sub_tit span { display:inline-block; color:#333; font-size:30px; font-weight:500; padding:0 0 22px; } #wrap.ngl #sub_cont h3.sub_txt {color:#333; font-size:13px; font-weight:500; text-align:center; line-height:20px; margin:0 0 35px;} /* about 시작 */ #wrap.ngl #sub_cont .about_cont {} #wrap.ngl #sub_cont .about_cont h2.tit { color:#333; font-size:20px; font-weight:600; padding-left:20px; background:url("../img/da_image/ngl/sub_icon_tit.png") no-repeat left top; } #wrap.ngl #sub_cont .about_cont .about_sec01 {border-bottom:1px dotted #b7b7b7; padding:0 0 13px; margin:0 0 40px;} #wrap.ngl #sub_cont .about_cont .about_sec01 h2.tit {margin:0 0 24px;} #wrap.ngl #sub_cont .about_cont .about_sec01 h5 {padding:0 0 38px;} #wrap.ngl #sub_cont .about_cont .about_sec02 {} #wrap.ngl #sub_cont .about_cont .about_sec02 h2.tit {margin:0 0 13px;} #wrap.ngl #sub_cont .about_cont .team_info {} #wrap.ngl #sub_cont .about_cont .team_info h3 {color:#0085ca; font-size:16px; font-weight:600; padding:0 0 7px;} #wrap.ngl #sub_cont .about_cont .team_info p {color:#666; font-size:13px; font-weight:500; line-height:22px;} #wrap.ngl #sub_cont .about_cont .team_info p span {color:#333; font-weight:600;} #wrap.ngl #sub_cont .about_cont .location_form {border:1px solid #ccc; padding:30px 30px 0;} #wrap.ngl #sub_cont .about_cont .location_form:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .about_cont .location_form h2.tit {float:left;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list {float:right; margin:0 0 14px;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list li {width:100px; height:30px; text-align:center; margin-left:4px;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list li.gray {background:#666;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list li.blue {background:#0085ca;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list li a {display:block; width:100%; height:30px; line-height:30px; color:#fff; font-size:13px; font-weight:400;} #wrap.ngl #sub_cont .about_cont .location_form .map {padding:16px 0 0; margin:0 0 15px;} #wrap.ngl #sub_cont .about_cont .location_form .map > div {width:100% !important;} #wrap.ngl #sub_cont .about_cont .location_form .map .wrap_controllers {display:none;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info {} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li { width:529px; height:31px; line-height:31px; color:#666; font-size:13px; font-weight:500; padding-left:40px; margin-bottom:15px; border-bottom:1px dotted #d6d6d6; } #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li:nth-child(2n+1) {content:""; clear:both; float:left;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li:nth-child(3), #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li:nth-child(4) {border:none;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li.map1 {background:url("../img/da_image/ngl/icon_location01.png") no-repeat left top; padding-bottom:15px;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li.map2 {background:url("../img/da_image/ngl/icon_location02.png") no-repeat left top; padding-bottom:15px;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li.map3 {background:url("../img/da_image/ngl/icon_location03.png") no-repeat left top;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li.map4 {background:url("../img/da_image/ngl/icon_location04.png") no-repeat left top;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li span {display:inline-block; padding-right:38px; color:#333; font-size:13px; font-weight:600;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li.map3 span {padding-right:27px;} /* about 끝 */ /* customer 시작 */ #wrap.ngl #sub_cont .customer_cont {} #wrap.ngl #sub_cont .customer_cont h2.customer_tit {color:#333; font-size:16px; font-weight:600; padding:0 0 12px;} #wrap.ngl #sub_cont .customer_cont div.customer_txt {border:1px solid #ccc; background:#fff; color:#666; font-size:13px; font-weight:500; line-height:24px; padding:25px 30px 23px;} #wrap.ngl #sub_cont .customer_cont h3.customer_chk {color:#666; font-size:13px; font-weight:500; margin:10px 0 0;} #wrap.ngl #sub_cont .customer_cont h3.customer_chk input {margin-right:5px;} #wrap.ngl #sub_cont .customer_cont .customer_sec01 {} #wrap.ngl #sub_cont .customer_cont .customer_sec02 {} #wrap.ngl #sub_cont .customer_cont .customer_end {} #wrap.ngl #sub_cont .customer_cont .customer_end p {text-align:center; color:#666; font-size:13px; font-weight:500; line-height:20px; padding:0 0 25px;} #wrap.ngl #sub_cont .customer_cont .customer_end p span.blue {color:#0085ca; font-weight:600;} #wrap.ngl #sub_cont .customer_cont .customer_end p span.black {color:#111; font-weight:600;} #wrap.ngl #sub_cont .customer_cont .area_search {background:#eee; padding:40px 0 33px; margin:0 0 40px;} #wrap.ngl #sub_cont .customer_cont .area_search div.search {position:relative; width:1088px; height:48px; margin:0 auto; border:1px solid #d3d3d3; background:#fff;} #wrap.ngl #sub_cont .customer_cont .area_search div.search input {width:90%; height:48px; line-height:48px; text-indent:10px; border:none;} #wrap.ngl #sub_cont .customer_cont .area_search div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #wrap.ngl #sub_cont .customer_cont .area_search div.download {text-align:center; padding:17px 0 0;} #wrap.ngl #sub_cont .customer_cont .area_search div.download h2 {display:inline-block; height:35px; line-height:35px; color:#333; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .customer_cont .area_search div.download span {display:inline-block; margin-left:20px;} #wrap.ngl #sub_cont .customer_cont .area_search div.download span a { display:block; width:90px; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:500; background:#aaa; text-align:center; } #wrap.ngl #sub_cont .customer_cont .book_info {padding:40px 53px; margin:0 0 48px; border-bottom:1px solid #ccc;} #wrap.ngl #sub_cont .customer_cont .area_end {} #wrap.ngl #sub_cont .customer_cont .area_end p {color:#666; font-size:13px; font-weight:500; line-height:22px; text-align:center; padding:0 0 36px;} #wrap.ngl #sub_cont .customer_cont .area_end p span {color:#333; font-weight:600;} #wrap.ngl #sub_cont .customer_cont .publish_cont {} #wrap.ngl #sub_cont .customer_cont .publish_cont > p { color:#333; font-size:20px; font-weight:500; text-align:center; padding:30px 0 34px; } #wrap.ngl #sub_cont .customer_cont .publish_cont > p span {display:inline-block; padding:8px 0 0; color:#333; font-size:44px; font-weight:600;} #wrap.ngl #sub_cont .customer_cont .publish_cont > p span em {color:#0085ca; font-size:44px; font-weight:600;} #wrap.ngl #sub_cont .customer_cont .publish_cont > p span em.icon {color:#333; font-size:44px; font-weight:600; font-style:italic;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson {border:1px solid #ccc; padding:39px 0;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul {} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li {width:19.9%; text-align:center; padding:90px 0 0; border-left:1px dotted #ccc;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li:first-child {border-left:none;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish01 {background:url("../img/da_image/ngl/publish_icon01.png") no-repeat center top;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish02 {background:url("../img/da_image/ngl/publish_icon02.png") no-repeat center top;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish03 {background:url("../img/da_image/ngl/publish_icon03.png") no-repeat center top;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish04 {background:url("../img/da_image/ngl/publish_icon04.png") no-repeat center top;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li.publish05 {background:url("../img/da_image/ngl/publish_icon05.png") no-repeat center top;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li h2 {color:#333; font-size:20px; font-weight:600; padding:0 0 23px;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li p {color:#666; font-size:13px; font-weight:500; line-height:20px; padding:0;} /* 팝업창 */ #wrap.ngl .book_popup {position:absolute; left:0; top:0; width:100%; height:100%; min-height:1000px; background:url("../img/da_image/ngl/popup_bg.png") repeat left top; z-index:9000;} #wrap.ngl .book_popup .popup {position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-182px; width:650px; z-index:9100; padding:58px 0 69px; background:#fff;} #wrap.ngl .book_popup .popup span.close {position:absolute; right:20px; top:20px;} #wrap.ngl .book_popup .popup h2 {text-align:center; color:#333; font-size:46px; font-weight:600;} #wrap.ngl .book_popup .popup .member_form {} #wrap.ngl .book_popup .popup .member_form ul.member_list {display:table; margin:0 auto;} #wrap.ngl .book_popup .popup .member_form ul.member_list li { width:528px; height:58px; border:1px solid #ccc; border-radius:100px; margin:0 0 10px; } #wrap.ngl .book_popup .popup .member_form ul.member_list li input { width:420px; height:58px; line-height:58px; margin-left:80px; border:none; text-indent:10px; color:#888; font-size:14px; font-weight:500; } #wrap.ngl .book_popup .popup .member_form ul.member_list li input:focus {outline:none;} #wrap.ngl .book_popup .popup .member_form ul.member_list li.member_id {background:url("../img/da_image/ngl/icon_member_id.png") no-repeat 54px center;} #wrap.ngl .book_popup .popup .member_form ul.member_list li.member_click {background:#0085ca; border:1px solid #0085ca; margin:20px 0 0;} #wrap.ngl .book_popup .popup .member_form ul.member_list li.member_click a { display:block; width:100%; height:58px; line-height:58px; text-align:center; color:#fff; font-size:20px; font-weight:500; } .login_submit { width:530px; margin:0 auto; } .login_submit .member_click { background:#ffcb05; border:1px solid #ffcb05; margin:20px 0 0; border-radius:100px; } .login_submit .member_click a { display:block; width:100%; height:58px; line-height:61px; text-align:center; color:#333; font-size:20px; font-weight:500; } /* 로그인 체크박스 */ .custom_checkbox { margin:5px 15px 0; } .custom_checkbox .box { display:inline-block; vertical-align:middle; } .custom_checkbox .label { display:inline-block; vertical-align:middle; font-size:14px; color:#222; line-height:24px; margin-left:5px; font-family:'NanumBarunGothic', sans-serif; } #wrap.ngl .book_popup .popup .member_form ul.member_order_list {width:530px; margin:21px auto 0;} #wrap.ngl .book_popup .popup .member_form ul.member_order_list li {padding:0 0 22px;} #wrap.ngl .book_popup .popup.member_form ul.member_order_list li:after {clear:both; content:""; display:block;} #wrap.ngl .book_popup .popup .member_form ul.member_order_list li h3 {float:left; color:#888; font-size:13px; font-weight:500;} #wrap.ngl .book_popup .popup .member_form ul.member_order_list li p {float:right; color:#333; font-size:13px; font-weight:600; padding-left:23px;} #wrap.ngl .book_popup .popup .member_form ul.member_order_list li.join p {background:url("../img/da_image/ngl/icon_member_join.png") no-repeat left top;} /* customer 끝 */ /* 개별3종 시작 */ /* 브랜드페이지 시작 */ #sub_cont .about_cont h2.tit.brand {color:#00355f; font-size:26px; padding-left:30px; background-position:left 3px; letter-spacing:0.5px;} #sub_cont .about_cont h2.tit1 {color:#333;font-size:16px;font-weight:600;padding-left:20px;padding-bottom:20px;} #sub_cont .about_cont h2.tit.brand {color:#00355f; font-size:26px; padding-left:30px; background-position:left 3px; letter-spacing:0.5px;} #sub_cont .brand_cont {} #sub_cont .brand_cont dl {} #sub_cont .brand_cont dl:after {clear:both; content:""; display:block;} #sub_cont .brand_cont dl:last-child {border-bottom:2px solid #0e648f;} #sub_cont .brand_cont dl dt {float:left; width:17%; background:#f9f9f9; border-top:2px solid #00b6ef;} #sub_cont .brand_cont dl dt.h_80 {height:80px; line-height:80px;} #sub_cont .brand_cont dl dt.h_92 {height:92px; line-height:92px;} #sub_cont .brand_cont dl dt.h_100 {height:100px; line-height:100px;} #sub_cont .brand_cont dl dt.h_106 {height:106px; line-height:106px;} #sub_cont .brand_cont dl dt.h_120 {height:120px; line-height:120px;} #sub_cont .brand_cont dl dt.h_126 {height:126px; line-height:126px;} #sub_cont .brand_cont dl dt.h_140 {height:140px; line-height:140px;} #sub_cont .brand_cont dl dt.h_146 {height:146px; line-height:146px;} #sub_cont .brand_cont dl dt.h_684 {height:684px; line-height:684px;} #sub_cont.brand_cont dl dt.h_725 {height:725px;} #sub_cont .brand_cont dl dt img {padding-left:27px;} #sub_cont .brand_cont dl dt img.p_l15 {padding-left:15px;} #sub_cont .brand_cont dl dt img.schirmer {padding-top:447px; padding-bottom:198px;} #sub_cont .brand_cont dl dd {float:left; width:83%; border-top:2px solid #0e648f;} #sub_cont .brand_cont dl dd ul {} #sub_cont .brand_cont dl dd ul li {padding:30px 0 30px 40px; border-bottom:1px dotted #d0d0d0;} #sub_cont .brand_cont dl dd ul li:last-child {border-bottom:none;} #sub_cont .brand_cont dl dd ul li h2 {color:#00355f; font-size:20px; font-weight:600; padding:0 0 8px;} #sub_cont .brand_cont dl dd ul li p {color:#666; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.5px;} #sub_cont .brand_cont dl dd ul li a {color:#0e648f; font-size:15px; font-weight:600;} /* 개별3종 끝 */ /* 회원관련 시작 */ #wrap.ngl #sub_cont .member_cont .member_box {width:648px; margin:0 auto; border:1px solid #ccc; background:#fff; padding:0 0 48px;} #wrap.ngl #sub_cont .member_cont .member_box h2 {text-align:center; color:#333; font-size:46px; font-weight:600; padding:44px 0 37px;} #wrap.ngl #sub_cont .member_cont .member_box .member_tab {width:530px; margin:0 auto 30px;} #wrap.ngl #sub_cont .member_cont .member_box .member_tab table {border-collapse:collapse; width:100%;} #wrap.ngl #sub_cont .member_cont .member_box .member_tab table tr {} #wrap.ngl #sub_cont .member_cont .member_box .member_tab table tr td { width:50%; height:48px; text-align:center; z-index:1; background:#fff; border:1px solid #ccc; border-bottom:1px solid #0085ca; } #wrap.ngl #sub_cont .member_cont .member_box .member_tab table tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-bottom:1px solid #fff;} #wrap.ngl #sub_cont .member_cont .member_box .member_tab table tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:13px; font-weight:500; } #wrap.ngl #sub_cont .member_cont .member_box .member_tab table tr td.on a {color:#333; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .member_cont .member_box .member_form {} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list {display:table; margin:0 auto;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li { width:528px; height:58px; border:1px solid #ccc; border-radius:100px; margin:0 0 10px; } #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li input { width:420px; height:58px; line-height:58px; margin-left:80px; border:none; text-indent:10px; color:#888; font-size:14px; font-weight:500; } #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li input:focus {outline:none;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_id {background:url("../img/da_image/ngl/icon_member_id.png") no-repeat 54px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_pw {background:url("../img/da_image/ngl/icon_member_pw.png") no-repeat 54px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_mail {background:url("../img/da_image/ngl/icon_member_email.png") no-repeat 54px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_click {background:#ffcb05; border:1px solid #ffcb05; margin:30px 0 0;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_click a { display:block; width:100%; height:58px; line-height:61px; text-align:center; color:#333; font-size:20px; font-weight:500; } #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list {width:530px; margin:42px auto 0;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li {padding:0 0 22px;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li h3 {float:left; color:#888; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li p {float:right; color:#333; font-size:13px; font-weight:600; padding-left:23px;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li.find p {background:url("../img/da_image/ngl/icon_member_find.png") no-repeat left top;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list li.join p {background:url("../img/da_image/ngl/icon_member_join.png") no-repeat left top;} /* 회원가입 */ #wrap.ngl #sub_cont .join {border-top:1px solid #0085ca; border-bottom:1px solid #ccc; padding:0 0 45px; margin:0 0 50px;} #wrap.ngl #sub_cont .join .join_info {padding:38px 0 27px 33px;} #wrap.ngl #sub_cont .join .join_info p {color:#666; font-size:13px; font-weight:500; line-height:22px;} #wrap.ngl #sub_cont .join .join_info p span {color:#111; font-size:13px; font-weight:600;} #wrap.ngl #sub_cont .join_cont {} #wrap.ngl #sub_cont .join_cont .join_ok {background:#eee; padding:10px;} #wrap.ngl #sub_cont .join_cont .join_ok > div {text-align:center; padding:60px 0 55px;} #wrap.ngl #sub_cont .join_cont .join_ok > div h2 {color:#333; font-size:30px; font-weight:600; padding:0 0 15px;} #wrap.ngl #sub_cont .join_cont .join_ok > div p {color:#777; font-size:15px; font-weight:500; line-height:22px;} #wrap.ngl #sub_cont .join_cont .join_ok > div p span.blue {color:#0085ca; font-size:15px; font-weight:600;} #wrap.ngl #sub_cont .join_cont .join_ok > div p span.black {color:#333; font-size:15px; font-weight:600;} /* 회원관련 끝 */ /* 마이페이지 시작 */ #wrap.ngl #sub_cont .mypage_cont {} /* 마이페이지 끝 */ /* 카타로그 시작 */ #wrap.ngl #sub_cont .catalog_cont {} #wrap.ngl #sub_cont .catalog_cont .catalog_info {padding:32px 0 0;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul {} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li {height:33px; line-height:33px;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl {} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl dt {} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl dd { float:left; background:url("../img/da_image/ngl/catalog_array_icon.gif") no-repeat right center; margin-right:11px; padding-right:11px; } #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl dd:last-child {background:none;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl dd a {color:#888; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li dl dd a.on {color:#333; font-size:13px; font-weight:600;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li p {float:left; height:33px; line-height:33px; color:#222; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li p span {color:#0085ca; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li div.search {position:relative; float:left; width:238px; height:33px; border:1px solid #d3d3d3; margin-left:20px;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li div.search input {width:85%; height:32px; line-height:32px; text-indent:10px; border:none;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li div.search a img {vertical-align:top;} #wrap.ngl #sub_cont .catalog_cont .catalog_list {padding:20px 0 0;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul {} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li { width:23.3%; border:1px solid #ccc; border-bottom:1px solid #8a8a8a; text-align:center; padding:0 0 21px; margin:0 24px 27px 0; } #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li:nth-child(4n) {margin-right:0;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li:nth-child(4n+1) {content:""; clear:both; float:left;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li h3 {} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li h2 {color:#333; font-size:16px; font-weight:600; padding:22px 0 6px;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li p {color:#666; font-size:13px; font-weight:500;} /* 카타로그 끝 */ /* bookmap 시작 */ #wrap.ngl #sub_cont .bookmap_cont {position:relative;} #wrap.ngl #sub_cont .bookmap_cont .bg { position:absolute; left:0; top:0; width:100%; height:1455px; background:url("../img/da_image/ngl/bookmap_line_bg.gif"), url("../img/da_image/ngl/bookmap_line_bg.gif"), url("../img/da_image/ngl/bookmap_line_bg.gif"), url("../img/da_image/ngl/bookmap_line_bg.gif"), url("../img/da_image/ngl/bookmap_line_bg.gif"), url("../img/da_image/ngl/bookmap_line_bg.gif"); background-repeat:repeat-x, repeat-x, repeat-x, repeat-x, repeat-x, repeat-x; background-position:left 160px, left 459px, left 613px, left 867px, left 967px, left 1067px; z-index:9999; } #wrap.ngl #sub_cont .bookmap_cont:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_cont .bookmap01 { float:left; width:199px; border:1px solid #ccc; margin:110px 0 0; } #wrap.ngl #sub_cont .bookmap_cont .bookmap02 { float:left; width:470px; border:1px solid #f26924; background:#eee; padding:9px; } #wrap.ngl #sub_cont .bookmap_cont .bookmap02 h2 { height:49px; line-height:49px; border:1px solid #ccc; background:#f26924; text-align:center; color:#fff; font-size:15px; font-weight:600; } #wrap.ngl #sub_cont .bookmap_cont .bookmap02 .add_cont {height:276px; background:#fff; border:1px solid #ccc; border-top:none;} #wrap.ngl #sub_cont .bookmap_cont .bookmap03 { float:right; width:470px; border:1px solid #006799; background:#eee; padding:9px; } #wrap.ngl #sub_cont .bookmap_cont .bookmap03 h2 { height:49px; line-height:49px; border:1px solid #ccc; background:#006799; text-align:center; color:#fff; font-size:15px; font-weight:600; } #wrap.ngl #sub_cont .bookmap_cont .bookmap03 .add_cont {height:275px; background:#fff; border:1px solid #ccc; border-top:none;} /* bookmap 끝 */ /* 게시판 시작 */ #wrap.ngl #sub_cont .board_cont {} #wrap.ngl #sub_cont .board_cont .board_search {border:1px solid #d3d3d3; padding:17px 0 16px;} #wrap.ngl #sub_cont .board_cont .board_search:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .board_cont .board_search > div {display:table; margin:0 auto;} #wrap.ngl #sub_cont .board_cont .board_search div.select {position:relative; float:left; width:83px; height:33px; border:1px solid #d3d3d3; z-index:100;} #wrap.ngl #sub_cont .board_cont .board_search div.select select {width:100%; height:100%; border:none; color:#333; font-size:12px; font-weight:500; text-indent:10px;} #wrap.ngl #sub_cont .board_cont .board_search div.search {float:left; position:relative; float:left; width:275px; height:33px; border:1px solid #d3d3d3; margin-left:5px;} #wrap.ngl #sub_cont .board_cont .board_search div.search input {width:85%; height:32px; line-height:32px; text-indent:10px; border:none;} #wrap.ngl #sub_cont .board_cont .board_search div.search a {position:absolute; right:9px; top:50%; margin-top:-9px;} #wrap.ngl #sub_cont .board_cont .board_info {padding:30px 0 0;} #wrap.ngl #sub_cont .board_cont .board_info ul {} #wrap.ngl #sub_cont .board_cont .board_info ul li {} #wrap.ngl #sub_cont .board_cont .board_info ul li:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .board_cont .board_info ul li dl {} #wrap.ngl #sub_cont .board_cont .board_info ul li dl:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .board_cont .board_info ul li dl dt {} #wrap.ngl #sub_cont .board_cont .board_info ul li dl dd { float:left; background:url("../img/da_image/ngl/catalog_array_icon.gif") no-repeat right center; margin-right:11px; padding-right:11px; } #wrap.ngl #sub_cont .board_cont .board_info ul li dl dd:last-child {background:none;} #wrap.ngl #sub_cont .board_cont .board_info ul li dl dd a {color:#888; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .board_cont .board_info ul li dl dd a.on {color:#333; font-size:13px; font-weight:600;} #wrap.ngl #sub_cont .board_cont .board_info ul li.fr {color:#666; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .board_cont .board_info ul li input[type=radio] {margin-right:5px; margin-left:20px;} #wrap.ngl #sub_cont .board_cont .board_list {padding:20px 0 0;} #wrap.ngl #sub_cont .board_cont .board_list ul {} #wrap.ngl #sub_cont .board_cont .board_list ul li {border:1px solid #d3d3d3; border-bottom:none; padding:19px 0 17px 19px;} #wrap.ngl #sub_cont .board_cont .board_list ul li:last-child {border-bottom:1px solid #d3d3d3;} #wrap.ngl #sub_cont .board_cont .board_list ul li dl {} #wrap.ngl #sub_cont .board_cont .board_list ul li dl dt {margin-right:40px;} #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd {} #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h2 {color:#333; font-size:22px; font-weight:600; padding:54px 0 8px;} #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h3 { color:#0085ca; font-size:15px; font-weight:500; padding:0 0 22px; margin:0 0 27px; background:url("../img/da_image/ngl/board_icon.gif") no-repeat left bottom; } #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd p {color:#888; font-size:13px; font-weight:500; line-height:20px;} #wrap.ngl #sub_cont .goods_view {margin:0 0 70px;} #wrap.ngl #sub_cont .goods_view .goods_thum {margin-right:30px;} #wrap.ngl #sub_cont .goods_view .goods_thum .thum {position:relative; border:1px solid #d3d3d3; margin:0 0 20px;} #wrap.ngl #sub_cont .goods_view .goods_thum .thum h2 {} #wrap.ngl #sub_cont .goods_view .goods_thum .thum span.more {position:absolute; left:-1px; top:-1px;} #wrap.ngl #sub_cont .goods_view .goods_thum ul.sns_list {display:table; margin:0 auto;} #wrap.ngl #sub_cont .goods_view .goods_thum ul.sns_list li {margin:0 5px;} #wrap.ngl #sub_cont .goods_view .goods_info {width:770px;} #wrap.ngl #sub_cont .goods_view .goods_info .tit {border-bottom:1px dotted #ddd; padding:0 0 28px; margin:0 0 19px;} #wrap.ngl #sub_cont .goods_view .goods_info .tit span {} #wrap.ngl #sub_cont .goods_view .goods_info .tit h2 {color:#333; font-size:26px; font-weight:600; padding:13px 0 14px;} #wrap.ngl #sub_cont .goods_view .goods_info .tit p {color:#888; font-size:13px; font-weight:500;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info {} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list {padding:28px 0 0;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a {float:left; display:block; text-align:center;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_request { width:398px; height:46px; line-height:46px; color:#333; font-size:16px; font-weight:600; border:1px solid #ffcb05; background:#ffcb05; margin-right:5px; } #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_register { width:178px; height:46px; line-height:48px; color:#056097; font-size:16px; font-weight:600; border:1px solid #056097; background:#fff; margin-right:5px; } #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_copy { width:178px; height:46px; line-height:48px; color:#3fb9fc; font-size:16px; font-weight:600; border:1px solid #3fb9fc; background:#fff; } #wrap.ngl #sub_cont .goods_cont {} #wrap.ngl #sub_cont .goods_cont .goods_info {} #wrap.ngl #sub_cont .goods_cont .goods_info .info {border:1px solid #ccc; background:#fff; padding:28px 0 26px 30px;} #wrap.ngl #sub_cont .goods_cont .goods_info .info h2 {color:#333; font-size:16px; font-weight:600; padding:0 0 22px;} #wrap.ngl #sub_cont .goods_cont .goods_info .info p {color:#666; font-size:13px; font-weight:500; line-height:24px;} /* 게시판 끝 */ /* 테이블 css 시작 */ #wrap.ngl table.sub_tbl {border-top:1px solid #0085ca;} #wrap.ngl table.sub_tbl tr {} #wrap.ngl table.sub_tbl tr th, table.sub_tbl tr td {border-bottom:1px solid #ccc;} #wrap.ngl table.sub_tbl tr th {background:#eee; text-align:left; text-indent:40px; color:#333; font-size:13px; font-weight:600;} #wrap.ngl table.sub_tbl tr td {color:#666; font-size:13px; font-weight:500; text-indent:30px; padding:18px 0;} #wrap.ngl table.customer_tbl {} #wrap.ngl table.customer_tbl tr {} #wrap.ngl table.customer_tbl tr th {width:16%; color:#333; font-size:13px; font-weight:500; text-align:left; padding-left:33px;} #wrap.ngl table.customer_tbl tr th.interest {vertical-align:top; padding-top:15px;} #wrap.ngl table.customer_tbl tr th span {display:inline-block; padding-left:17px;} #wrap.ngl table.customer_tbl tr th span.point {display:inline-block; background:url("../img/da_image/ngl/customer_icon.png") no-repeat left center; padding-left:17px;} #wrap.ngl table.customer_tbl tr td {padding:7px 0;} #wrap.ngl table.customer_tbl tr.no td {background:url("../img/da_image/ngl/customer_tbl_line.gif") repeat-x left center;} #wrap.ngl table.customer_tbl tr td em {color:#777; font-size:12px; font-weight:500; padding-left:18px;} #wrap.ngl table.customer_tbl tr td input[type=text], #wrap.ngl table.customer_tbl tr td input[type=password] {width:198px; height:33px; line-height:33px; background:#eee; border:1px solid #eee; text-indent:20px;} #wrap.ngl table.customer_tbl tr td input:focus {background:#fff; border:1px solid #0085ca;} #wrap.ngl table.customer_tbl tr td input[type=checkbox] {margin:0 5px 0 30px;} #wrap.ngl table.customer_tbl tr td input[type=checkbox]:first-child {margin-left:0;} #wrap.ngl table.customer_tbl tr td input.w_118 {width:118px;} #wrap.ngl table.customer_tbl tr td input.w_182 {width:182px;} #wrap.ngl table.customer_tbl tr td input.w_392 {width:392px;} #wrap.ngl table.customer_tbl tr td input.w_400 {width:400px;} #wrap.ngl table.customer_tbl tr td textarea {width:85%; min-height:200px; background:#eee; border:none; padding:10px;} #wrap.ngl table.customer_tbl tr td textarea:focus {background:#fff; border:1px solid #0085ca;} #wrap.ngl table.customer_tbl tr td span.btn {display:inline-block; width:90px; height:35px; background:#aaa; text-align:center; margin-left:7px;} #wrap.ngl table.customer_tbl tr td span.btn a {display:block; width:100%; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:500;} #wrap.ngl table.customer_tbl tr td div.interest {border:1px solid #ccc;} #wrap.ngl table.customer_tbl tr td div.interest h2 { height:49px; line-height:49px; text-indent:20px; color:#333; font-size:13px; font-weight:500; cursor:pointer; background:url("../img/da_image/icon_arrow.png") no-repeat 98% center; } #wrap.ngl table.customer_tbl tr td div.interest h2.on {background:url("../img/da_image/icon_arrow_rotate.gif") no-repeat 98% center;} #wrap.ngl table.customer_tbl tr td div.interest h2.on + .interest_info {display:block !important;} #wrap.ngl table.customer_tbl tr td div.interest .interest_info {} #wrap.ngl table.customer_tbl tr td div.publish_sort {} #wrap.ngl table.customer_tbl tr td div.publish_sort > ul {} #wrap.ngl table.customer_tbl tr td div.publish_sort > ul li {width:200px; text-align:center;} #wrap.ngl table.customer_tbl tr td div.publish_sort > ul li.on {} #wrap.ngl table.customer_tbl tr td div.publish_sort > ul li a { display:block; width:100%; height:38px; line-height:38px; background:#eee; border:1px solid #ccc; border-left:none; border-bottom:none; color:#666; font-size:13px; font-weight:500; } #wrap.ngl table.customer_tbl tr td div.publish_sort > ul li.on a { background:#0085ca; border:1px solid #0085ca; border-bottom:none; color:#fff; font-size:13px; font-weight:500; } #wrap.ngl table.customer_tbl tr td div.publish_sort .cont {border:1px solid #0085ca; padding:30px;} #wrap.ngl ul.publish_sort_tbl {} #wrap.ngl ul.publish_sort_tbl:after {clear:both; content:""; display:block;} #wrap.ngl ul.publish_sort_tbl li {float:left; margin-right:120px; margin-bottom:12px;} #wrap.ngl ul.publish_sort_tbl li:nth-child(2n) {margin-right:0; } #wrap.ngl ul.publish_sort_tbl li:nth-child(2n+1) {clear:both; content:""; float:left;} #wrap.ngl ul.publish_sort_tbl li span {display:inline-block; width:103px; color:#333; font-size:13px; font-weight:500;} #wrap.ngl ul.publish_sort_tbl li span.point {display:inline-block; background:url("../img/da_image/ngl/customer_icon.png") no-repeat left center; padding-left:17px;} #wrap.ngl ul.publish_sort_tbl li input {} #wrap.ngl table.board_tbl {border-top:1px solid #d3d3d3;} #wrap.ngl table.board_tbl tr {} #wrap.ngl table.board_tbl tr th { height:50px; line-height:50px; text-align:center; color:#333; font-size:13px; font-weight:600; background:#fafafa; border-bottom:1px solid #d3d3d3; } #wrap.ngl table.board_tbl tr td { height:45px; line-height:45px; text-align:center; color:#888; font-size:12px; font-weight:500; border-bottom:1px solid #d3d3d3; } #wrap.ngl table.board_tbl tr td.t_left {text-align:left !important;} #wrap.ngl table.board_tbl tr td a {color:#888;} #wrap.ngl table.board_view_tbl {border-top:1px solid #0085ca;} #wrap.ngl table.board_view_tbl tr {} #wrap.ngl table.board_view_tbl tr th { height:49px; line-height:49px; background:#eee; text-align:left; color:#333; font-size:13px; font-weight:600; border-bottom:1px solid #ccc; text-indent:40px; } #wrap.ngl table.board_view_tbl.add_view_tbl tr th {width:16.7%;} #wrap.ngl table.board_view_tbl tr td { height:49px; line-height:49px; text-align:left; color:#666; font-size:13px; font-weight:500; padding-left:30px; border-bottom:1px solid #ccc; } #wrap.ngl table.view_tbl {margin:0 0 20px;} #wrap.ngl table.view_tbl tr {} #wrap.ngl table.view_tbl tr th { height:49px; line-height:49px; background:#fafafa; text-align:center; color:#333; font-size:13px; font-weight:600; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; } #wrap.ngl table.view_tbl tr td {color:#888; font-size:12px; font-weight:500; line-height:22px; border-bottom:1px solid #d3d3d3; padding:18px;} #wrap.ngl table.view_tbl tr td div.cont {padding:2px 0 27px;} #wrap.ngl table.write_tbl {border-top:1px solid #0085ca;} #wrap.ngl table.write_tbl tr {} #wrap.ngl table.write_tbl tr th { width:13%; border-bottom:1px solid #d3d3d3; text-align:left; color:#333; font-size:13px; font-weight:500; text-indent:30px; } #wrap.ngl table.write_tbl tr td { border-bottom:1px solid #d3d3d3; padding:7px 0; } #wrap.ngl table.write_tbl tr td input[type=text] {width:200px; height:35px; line-height:35px; background:#eee; text-indent:10px; border:none;} #wrap.ngl table.write_tbl tr td textarea {width:95%; min-height:220px; background:#fff; border:none; padding:30px;} #wrap.ngl table.interest_tbl {} #wrap.ngl table.interest_tbl tr {} #wrap.ngl table.interest_tbl tr th { text-align:left; text-indent:20px; background:#eee; color:#333; font-size:13px; font-weight:600; border-top:1px solid #ccc; } #wrap.ngl table.interest_tbl tr td { border-top:1px solid #ccc; padding:18px 0 2px 20px; color:#666; font-size:13px; font-weight:500; } #wrap.ngl table.interest_tbl tr td ul.list {} #wrap.ngl table.interest_tbl tr td ul.list:after {clear:both; content:""; display:block;} #wrap.ngl table.interest_tbl tr td ul.list li {float:left; margin:0 0 16px;} #wrap.ngl table.interest_tbl tr td ul.list1 li {min-width:125px;} #wrap.ngl table.interest_tbl tr td ul.list2 li {min-width:100px;} #wrap.ngl table.interest_tbl tr td ul.list3 li {min-width:90px;} #wrap.ngl table.interest_tbl tr td ul.list4 li {min-width:115px;} #wrap.ngl table.interest_tbl tr td ul.list5 li {min-width:90px;} #wrap.ngl table.interest_tbl tr td ul.list6 li {margin-right:40px;} #wrap.ngl table.interest_tbl tr td ul.list1 li:nth-child(6n+1), #wrap.ngl table.interest_tbl tr td ul.list2 li:nth-child(8n+1), #wrap.ngl table.interest_tbl tr td ul.list3 li:nth-child(9n+1) #wrap.ngl table.interest_tbl tr td ul.list6 li:nth-child(8n+1) {content:""; clear:both; float:left;} #wrap.ngl table.catalog_tab {border-collapse:collapse; width:100%;} #wrap.ngl table.catalog_tab tr {} #wrap.ngl table.catalog_tab tr td { width:25%; height:48px; text-align:center; z-index:1; background:#f3f3f5; border:1px solid #ccc; border-bottom:1px solid #0085ca; } #wrap.ngl table.catalog_tab tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-top:3px solid #0085ca; border-bottom:1px solid #fff;} #wrap.ngl table.catalog_tab tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:14px; font-weight:500; } #wrap.ngl table.catalog_tab tr td.on a {color:#333; font-size:14px; font-weight:500;} #wrap.ngl table.goods_info_tbl {} #wrap.ngl table.goods_info_tbl tr {} #wrap.ngl table.goods_info_tbl tr th {text-align:left; color:#333; font-size:13px; font-weight:600;} #wrap.ngl table.goods_info_tbl tr td {color:#888; font-size:13px; font-weight:500; padding-left:25px; padding:10px 0 10px 25px;} #wrap.ngl table.goods_info_tbl tr.no td {background:url("../img/da_image/ngl/goods_line.png") repeat-x left center;} #wrap.ngl table.goods_info_tbl tr td span {display:inline-block; margin-left:9px;} #wrap.ngl table.goods_info_tbl tr td span a {display:block; width:75px; height:25px; line-height:25px; background:#aaa; color:#fff; font-size:12px; font-weight:500; text-align:center;} #wrap.ngl table.goods_info_tbl tr td span.blue a {background:#006799;} #wrap.ngl table.goods_info_view {border-collapse:collapse; width:100%; margin:0 0 40px;} #wrap.ngl table.goods_info_view tr {} #wrap.ngl table.goods_info_view tr td { width:20%; height:48px; text-align:center; z-index:1; background:#eee; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #0085ca; } #wrap.ngl table.goods_info_view tr td:last-child {border-right:none;} #wrap.ngl table.goods_info_view tr td.on:last-chidl {border-right:1px solid #0085ca;} #wrap.ngl table.goods_info_view tr td.on {z-index:3; background:#fff; border:1px solid #0085ca; border-bottom:1px solid #fff;} #wrap.ngl table.goods_info_view tr td a { display:block; width:100%; height:48px; line-height:48px; color:#888; font-size:14px; font-weight:500; } #wrap.ngl table.goods_info_view tr td.on a {color:#333; font-size:14px; font-weight:500;} #wrap.ngl table.book_info_tbl {border:1px solid #ccc; border-bottom:none;} #wrap.ngl table.book_info_tbl tr {} #wrap.ngl table.book_info_tbl tr th { height:48px; line-height:48px; text-align:left; text-indent:20px; background:#eee; border-bottom:1px solid #ccc; color:#333; font-size:13px; font-weight:500; border-right:1px solid #ccc; } #wrap.ngl table.book_info_tbl tr th:nth-child(1) {width:47%;} #wrap.ngl table.book_info_tbl tr th:nth-child(2) {width:17%;} #wrap.ngl table.book_info_tbl tr th:nth-chlid(3) {width:15%;} #wrap.ngl table.book_info_tbl tr th:nth-child(4) {width:15%;} #wrap.ngl table.book_info_tbl tr th:nth-child(5) {} #wrap.ngl table.book_info_tbl tr th.t_center {text-indent:0;} #wrap.ngl table.book_info_tbl tr td { height:48px; line-height:48px; text-align:left; text-indent:20px; background:#fff; border-bottom:1px solid #ccc; color:#333; font-size:13px; font-weight:500; border-right:1px solid #ccc; } #wrap.ngl table.book_info_tbl tr td.t_center {text-indent:0;} #wrap.ngl table.goods_info_tbl tr td .more {position:relative; display:inline-block;} #wrap.ngl table.goods_info_tbl tr td .more span {position:relative; display:inline-block; margin-left:9px;} #wrap.ngl table.goods_info_tbl tr td .more span.on a {background:#0e648f !important;} #wrap.ngl table.goods_info_tbl tr td .more span.on em { position:absolute; right:-6px; top:50%; margin-top:-4px; display:block; width:6px; height:8px; background:url("../img/da_image/icon_more_arrow.png") no-repeat left center; } #wrap.ngl table.goods_info_tbl tr td .more span a {display:block; width:72px; height:25px; line-height:25px; background:#aaa; color:#fff; font-size:12px; font-weight:500; text-align:center;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup {position:absolute; left:170px; top:-110px; width:315px; height:170px; border:1px solid #0085ca; background:#fff; padding:30px; z-index:1000;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup > ul {border-bottom:1px dotted #cdcdcd; padding:0 0 2px; margin:0 0 25px;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup > ul li {color:#888; font-size:13px; font-weight:500; margin:0 0 21px;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup > ul li span {display:inline-block; width:85px; margin:0; color:#333; font-size:13px; font-weight:600;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup p {color:#0e648f; font-size:13px; font-weight:500;} #wrap.ngl table.goods_info_tbl tr td .more .more_popup span.close {position:absolute; right:30px; top:30px; cursor:pointer;} #wrap.ngl table.bookmap_tbl {background:#fff;} #wrap.ngl table.bookmap_tbl tr {} #wrap.ngl table.bookmap_tbl tr th { height:49px; line-height:49px; text-align:center; font-size:15px; font-weight:600; border:1px solid #ccc; border-top:none; border-bottom:none; } #wrap.ngl table.bookmap_tbl.orange tr th {color:#f26924;} #wrap.ngl table.bookmap_tbl.blue tr th {color:#006799;} #wrap.ngl table.bookmap_tbl tr td { height:49px; line-height:49px; text-align:center; color:#666; font-size:13px; font-weight:500; border:1px solid #ccc; } #wrap.ngl table.bookmap_tbl.gray tr td {border:none; color:#333; font-size:15px; font-weight:600;} /* 테이블 css 끝 */ /* 페이징 css 시작 */ #wrap.ngl .board_info {position:relative;} #wrap.ngl .board_info:after {clear:both; content:""; display:block;} #wrap.ngl .board_info ul.paging {display:table; margin:45px auto 0;} #wrap.ngl .board_info ul.paging:after {clear:both; content:""; display:block;} #wrap.ngl .board_info ul.paging li {float:left; margin:0 12px;} #wrap.ngl .board_info ul.paging li a {color:#333; font-size:12px; font-weight:500;} #wrap.ngl .board_info ul.paging li.first {margin-right:28px;} #wrap.ngl .board_info ul.paging li.first img {margin-top:-2px;} #wrap.ngl .board_info ul.paging li.last {margin-left:28px;} #wrap.ngl .board_info ul.paging li.last img {margin-top:-2px;} #wrap.ngl .board_info ul.paging li.on {} #wrap.ngl .board_info ul.paging li.on a {color:#1e83eb; font-size:12px; font-weight:500;} /* 페이징 css 끝 */ /* 버튼 css 시작 */ #wrap.ngl .btn {} #wrap.ngl .btn.btn_write {position:absolute; right:0; top:-10px;} #wrap.ngl .btn a {display:block;} #wrap.ngl .btn a.btn_join { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_request { width:270px; height:45px; line-height:47px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_report { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_contact { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_contact2 { width:270px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_buy { width:390px; height:47px; line-height:48px; background:#ffcb05; border-radius:100px; color:#333; font-size:16px; font-weight:600; text-align:center; margin:0 auto; } #wrap.ngl .btn a.btn_list { width:128px; height:44px; line-height:44px; background:#fff !important; border:1px solid #00639b; border-radius:50px; text-align:center; color:#00639b; font-size:15px; font-weight:600; } #wrap.ngl .btn a.btn_write { width:128px; height:44px; line-height:44px; background:#ffcb05; border:1px solid #ffcb05; border-radius:50px; text-align:center; color:#333; font-size:15px; font-weight:600; } /* 버튼 css 끝 */ /* RESPONSIVE */ @media screen and (max-width:1200px) { #wrap.ngl .w_1200 {width:100%;} #wrap.ngl #sub_cont {padding:20px 0 45px;} #wrap.ngl #sub_cont .about_cont {padding:0 20px;} #wrap.ngl .sub_header.add_sub_header {height:auto; line-height:25px; padding:5px 0;} #wrap.ngl .sub_header > ul li {padding:0 2.3%;} #wrap.ngl .sub_header.add_sub_header > ul li {} #wrap.ngl #sub_cont .about_cont .location_form {padding:15px 15px 0;} #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list {float:right; margin:10px 0;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li {width:86%; padding-bottom:8px; margin-bottom:8px; line-height:35px;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li:nth-child(3) {padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d6d6d6;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li span {padding-right:19px;} #wrap.ngl #sub_cont .catalog_cont .catalog_info {padding:20px 0 0;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul {} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li {float:none; display:table; margin:0 auto;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li > p {float:none;} #wrap.ngl #sub_cont .catalog_cont .catalog_info ul li > div.search {float:none;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li {width:48.2%; margin-right:2.4%; margin-bottom:2.4%; padding:0 0 10px;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li:nth-child(2n) {margin-right:0;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li h3 {} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li h3 img {width:100%;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li h2 {padding:11px 10px 6px;} #wrap.ngl #sub_cont .catalog_cont .catalog_list ul li p {padding:0 10px;} #wrap.ngl #sub_cont .customer_cont .customer_sec01 {padding:15px !important; margin-bottom:20px !important;} #wrap.ngl #sub_cont .join .join_info {padding:19px 16px 14px 16px;} #wrap.ngl #sub_cont .goods_view {margin:0 0 35px;} #wrap.ngl #sub_cont .board_cont .board_info {padding:20px 0 0;} #wrap.ngl #sub_cont .goods_view .goods_thum {margin:0;} #wrap.ngl #sub_cont .goods_view .goods_info {width:95%; margin:0 10px;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_request {width:99.5%; margin-bottom:2%;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_register {width:48.4%; margin-right:2%;} #wrap.ngl #sub_cont .goods_view .goods_info .goods_detail_info .goods_btn_list a.btn_copy {width:48.4%;} #wrap.ngl #sub_cont .member_cont {padding:50px 0;} #wrap.ngl #sub_cont .member_cont .member_box .member_tab {width:95%;} #wrap.ngl #sub_cont .member_cont .member_box {width:99%;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_order_list {width:94%; margin:20px auto 0; padding:0 10px;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list {width:calc(100% - 5%);} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li {width:100%;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_id {background:url("../img/da_image/ngl/icon_member_id.png") no-repeat 27px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_pw {background:url("../img/da_image/ngl/icon_member_pw.png") no-repeat 27px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li.member_mail {background:url("../img/da_image/ngl/icon_member_email.png") no-repeat 27px center;} #wrap.ngl #sub_cont .member_cont .member_box .member_form ul.member_list li input {width:calc(100% - 30%); margin-left:45px;} #wrap.ngl #sub_cont .join {margin:0;} #wrap.ngl #sub_cont .customer_cont .area_end p {padding:0 15px 36px;} #wrap.ngl #sub_cont .customer_cont .area_search div.search {width:95%; margin:0 10px;} #wrap.ngl #sub_cont .customer_cont .book_info {padding:10px 14px; margin:0 0 24px;} #wrap.ngl #sub_cont .customer_cont .publish_cont > p {background-size:100% auto;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson {padding:20px 0;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li {width:100%; margin-bottom:20px; border:none;} #wrap.ngl #sub_cont .customer_cont .publish_cont .publish_reson ul li h2 {padding:0 0 12px;} #wrap.ngl ul.publish_sort_tbl {} #wrap.ngl ul.publish_sort_tbl:after {clear:both; content:""; display:block;} #wrap.ngl ul.publish_sort_tbl li {float:none; margin-bottom:12px; margin-right:0;} #wrap.ngl ul.publish_sort_tbl li:nth-child(2n+1) {clear:both; content:""; float:left;} #wrap.ngl ul.publish_sort_tbl li span {display:inline-block; width:103px; color:#333; font-size:13px; font-weight:500; margin:0 0 10px;} #wrap.ngl ul.publish_sort_tbl li span.point {display:inline-block; background:url("../img/da_image/ngl/customer_icon.png") no-repeat left center; padding-left:17px;} #wrap.ngl ul.publish_sort_tbl li input[type=text] {width:100% !important;} #wrap.ngl .book_popup .popup {left:0; top:17%; width:100%; margin-left:0; margin-top:0;} #wrap.ngl .book_popup .popup h2 {margin:0 0 10px;} #wrap.ngl .book_popup .popup .member_form ul.member_list {display:block; margin:0 10px;} #wrap.ngl .book_popup .popup .member_form ul.member_list li {width:100%;} #wrap.ngl .book_popup .popup .member_form ul.member_list li.member_id {background:url("../img/da_image/ngl/icon_member_id.png") no-repeat 27px center;} #wrap.ngl .book_popup .popup .member_form ul.member_list li input {margin-left:40px; width:auto;} #wrap.ngl .book_popup .popup .member_form ul.member_order_list {width:95%;} #wrap.ngl table.sub_tbl {border-top:1px solid #0085ca;} #wrap.ngl table.sub_tbl tr {} #wrap.ngl table.sub_tbl tr th, table.sub_tbl tr td {border-bottom:1px solid #ccc;} #wrap.ngl table.sub_tbl tr th {background:#eee; text-align:left; text-indent:20px; color:#333; font-size:13px; font-weight:600;} #wrap.ngl table.sub_tbl tr td {color:#666; font-size:13px; font-weight:500; text-indent:0; padding:9px 0 9px 15px;} #wrap.ngl table.catalog_tab tr td a {height:24px; line-height:24px; letter-spacing:-1px;} #wrap.ngl table.board_view_tbl tr th {text-indent:4px;} #wrap.ngl table.board_view_tbl tr td {padding-left:15px;} #wrap.ngl table.board_view_tbl.add_view_tbl {width:92%; margin:0 15px;} #wrap.ngl table.board_view_tbl.add_view_tbl tr th {height:25px; line-height:25px; text-indent:0; padding:0 3px;} #wrap.ngl table.board_view_tbl.add_view_tbl tr td {height:25px; line-height:19px; text-indent:0;} #wrap.ngl table.write_tbl tr th {width:20%; padding-left:10px; text-indent:0;} #wrap.ngl table.write_tbl tr td {padding:7px 0 7px 15px;} #wrap.ngl table.write_tbl tr td textarea {padding:15px;} #wrap.ngl table.board_tbl tr td {line-height:22px;} #wrap.ngl table.view_tbl tr td {padding:9px;} #wrap.ngl table.customer_tbl tr th {width:32%; padding-left:15px;} #wrap.ngl table.customer_tbl tr td input[type=text], table.customer_tbl tr td input[type=password] {width:45%;} #wrap.ngl table.customer_tbl.customer_book_tbl tr td input[type=text], table.customer_tbl.customer_book_tbl tr td input[type=password] {width:92%;} #wrap.ngl table.customer_tbl tr td input.w_118 {width:22%;} #wrap.ngl table.customer_tbl.customer_book_tbl tr td input.w_118 {width:26%;} #wrap.ngl table.customer_tbl.customer_book_tbl tr td input.w_182 {width:41%;} #wrap.ngl table.customer_tbl tr td span.btn {display:block; margin:5px 0 0;} #wrap.ngl table.customer_tbl tr td em {display:block; padding-left:0; margin-top:5px;} #wrap.ngl table.customer_tbl tr td div.publish_sort > ul li {width:46%;} #wrap.ngl table.customer_tbl tr td div.publish_sort .cont {padding:10px;} #wrap.ngl table.customer_tbl tr td div.interest {margin-right:10px;} #wrap.ngl table.customer_tbl tr td div.interest table.interest_tbl {} #wrap.ngl table.customer_tbl tr td div.interest table.interest_tbl th {text-indent:0 !important; padding-left:5px !important;} #wrap.ngl table.interest_tbl tr td ul.list6 li {margin-right:0;} #wrap.ngl table.interest_tbl tr td ul.list6 li:nth-child(n) {clear:both; content:""; float:left;} #wrap.ngl table.book_info_tbl tr th {height:24px; line-height:24px; text-indent:0; padding:0 5px;} #wrap.ngl table.book_info_tbl tr th:nth-child(1) {width:25%;} #wrap.ngl table.book_info_tbl tr th:nth-child(2) {width:22%;} #wrap.ngl table.book_info_tbl tr th:nth-chlid(3) {width:15%;} #wrap.ngl table.book_info_tbl tr th:nth-child(4) {width:20%;} #wrap.ngl table.book_info_tbl tr th:nth-child(5) {} #wrap.ngl table.book_info_tbl tr td {height:24px; line-height:24px; text-indent:0; padding:0 5px;} #wrap.ngl .board_info ul.paging {margin:22px auto 0;} #wrap.ngl .add_btn {float:none; display:table; margin:0 auto;} #wrap.ngl .mypage_btn {margin:20px 15px !important;} #wrap.ngl .btn.btn_write {top:25px;} #wrap.ngl .btn a.btn_buy {width:95%;} } #wrap.ngl .quick_scroll {position:fixed; right:0; top:733px; z-index:9000;} #wrap.ngl .quick_scroll.fixed {top:30% !important;} #wrap.ngl .quick_scroll ul.quick_sec01 {} #wrap.ngl .quick_scroll ul.quick_sec01 li {margin:0 0 5px;} #wrap.ngl .quick_scroll ul.quick_sec02 {} #wrap.ngl quick_scroll ul.quick_sec02 li { border:1px solid #ccc; border-right:none; border-bottom:none; text-align:center; } #wrap.ngl .quick_scroll ul.quick_sec02 li:last-child {border-bottom:1px solid #ccc;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon1 {height:60px; background:#fff url("../img/da_image/ngl/quick_icon01.gif") no-repeat center 26px; padding-top:66px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon2 {height:58px; background:#fff url("../img/da_image/ngl/quick_icon02.gif") no-repeat center 28px; padding-top:68px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon3 {height:51px; background:#fff url("../img/da_image/ngl/quick_icon03.gif") no-repeat center 37px; padding-top:75px;} #wrap.ngl .quick_scroll ul.quick_sec02 li a {color:#333; font-size:12px; font-weight:500;} #wrap.ngl .quick_scroll .quick_sec03 {padding:30px 0 0; text-align:center;} @media screen and (max-width:1200px) { #wrap.ngl #header { border-bottom:solid 1px #0e648f } #wrap.ngl #header #gnb, #wrap.ngl #lnbNav { display:none; } #wrap.ngl #header #lnb { width:100%; } #wrap.ngl #header #lnb h1 { text-align:center; padding:10px 0; } #wrap.ngl #header #lnb h1 img { width:109px; } #wrap.ngl #header #lnb #lnbSchArea { text-indent:-9999px;top:10px;right:5px; background:url(../img/head_icon_sch_m.png) no-repeat center left; background-size:auto 20px; width:25px;height:25px; } #wrap.ngl #header #lnb #lnbMenuArea {top:20px;} #wrap.ngl #header #lnb #lnbSchArea {top:20px;} #wrap.ngl #mainMidBnr li span.icon_01 {text-align:center; padding-left:0;} #wrap.ngl #mainMidBnr li span.icon_01 em {padding:3px 0 0;} #wrap.ngl .main_section .more_btn {text-align:left;} #wrap.ngl #experiences {} /* 모바일 변경시 카테고리 노출 시작 */ #wrap.ngl #header #lnb #lnbMenuArea {display:block !important;} #wrap.ngl #header #lnb #lnbMenuArea .lnbMenu { display:block !important; position:absolute; display:block; width:24px;height:25px; text-indent:-9999px;top:20px;left:10px; background:url(../img/head_icon_menu_m.png) no-repeat center left; background-size:auto 18px; } #wrap.ngl #header #lnb #lnbMenuArea .bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:9000; } #wrap.ngl #header #lnb #lnbMenuArea .slide { position:fixed; top:0; left:-700px; z-index:9999; width:85%; height:100%; background:#fff; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01 { position:relative; height:46px; background:#0e648f; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01:after {clear:both; content:""; display:block;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01 h1 {float:left; padding:10px 0 0 10px;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01 h2.close {float:right; padding:15px 10px 0 0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01 h2.close img {width:15px; height:auto;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 {padding:10px; background:#fff; border-bottom:1px solid #ccc;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul {} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul:after {clear:both; content:""; display:block;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li {float:left; width:47.3%; height:30px; border-radius:100px; margin-left:3%;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li:first-child {margin-left:0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li.white {background:#fff; border:1px solid #0e648f;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li.blue {background:#00355f; border:1px solid #00355f;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li a {display:block; width:100%; height:30px; line-height:30px; font-size:12px; font-weight:500; text-align:center;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li.white a {color:#0e648f;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec02 > ul li.blue a {color:#fff;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 {padding:0 10px;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul {} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li {width:100%; border-bottom:1px solid #ccc;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li a { display:block; height:40px; line-height:42px; color:#333; font-size:13px; font-weight:500; text-indent:5px; background:url("../img/da_image/m_cate_off.png") no-repeat right center; background-size:12px 12px; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li.on a { background:url("../img/da_image/m_cate_on.png") no-repeat right center; background-size:12px 12px; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li .sub_cate {background:#eee; border-top:1px solid #ccc; padding:10px 0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li.on .sub_cate {display:block !important;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li .sub_cate dl {} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li .sub_cate dl dt {} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li .sub_cate dl dd {} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec03 > ul li .sub_cate dl dd a { display:inline-block; height:30px; line-height:30px; color:#666; font-size:13px; font-weight:500; text-indent:15px; background:none; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 {padding:12px 10px 0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 p {width:100%; height:40px; border:1px solid #555;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 p em { display:inline-block; width:1px; height:12px; background:url("../img/da_image/m_cate_line.gif") no-repeat left center; background-size:1px 12px; margin:0 10px; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 p a { display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#555; font-size:14px; font-weight:500; } /* 모바일 변경시 카테고리 노출 끝 */ /* 검색창 시작 */ #wrap.ngl #header #lnb .hd_search .hd_search_form {top:0 !important; width:96.5% !important; padding:10px;} #wrap.ngl #header #lnb .hd_search .hd_search_form .search_sec01 {width:86% !important; margin:0 42px 10px;} #wrap.ngl #header #lnb .hd_search .hd_search_form .search_sec01 input {width:72% !important;} #wrap.ngl #header #lnb .hd_search .hd_search_form .search_sec02 {float:none !important; display:table; margin:0 auto;} #wrap.ngl #header #lnb .hd_search .hd_search_form .search_sec03 {right:10px !important; top:70% !important;} /* 검색창 끝 */ /* 서브페이지 css 추가 */ #wrap.ngl .sub_header { height:auto; line-height:25px; padding:10px 0; } #wrap.ngl .sub_header > ul { width:100%; text-align:center; } #wrap.ngl .sub_header > ul li { display:inline-block; float:none; } #wrap.ngl #sub_cont h2.sub_tit { margin-bottom:19px; } #wrap.ngl #sub_cont .about_cont .about_sec01 h2.tit { letter-spacing:-1px; margin:0 0 12px; } #wrap.ngl #sub_cont .about_cont .team_info ul li span { margin-bottom:10px; } #wrap.ngl #sub_cont .about_cont .location_form ul.btn_map_list { margin:10px 0; } #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li { height:auto; } #wrap.ngl #sub_cont .board_cont, #wrap.ngl #sub_cont .catalog_cont, #wrap.ngl #sub_cont .customer_cont, #wrap.ngl #sub_cont .join_cont, #wrap.ngl #sub_cont .mypage_cont { padding:0 15px; } #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h2 { padding:27px 0 4px; } #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h3 { padding:0 0 11px; margin:0 0 14px; } #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd p { padding-right:20px; } #wrap.ngl table.goods_info_tbl tr td .more .more_popup { left:50%; top:40px; margin-left:-158px; } #wrap.ngl table.goods_info_tbl tr td .more span.on em { right:50%; top:50%; margin-top:10px; margin-right:-3px; transform:rotate(90deg); } #wrap.ngl #sub_cont .catalog_cont .catalog_list { padding:15px 0 0; } #wrap.ngl #sub_cont .catalog_cont .catalog_list p.cate_cnt { position:static; } #wrap.ngl #sub_cont .about_cont .online_list > ul li { width:62%; margin:0 0 24px 0; } #wrap.ngl #sub_cont .about_cont .online_list > ul li p { margin:0 auto; } #wrap.ngl #sub_cont .online_cont h5 { padding:0 0 39px; } #wrap.ngl #sub_cont .online_cont h5 img { width:127px; height:auto; } #wrap.ngl #sub_cont .online_cont dl.mindtap_list dt, #wrap.ngl #sub_cont .online_cont dl.aplia_list dt, #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dt, #wrap.ngl #sub_cont .online_cont dl.owl_list dt, #wrap.ngl #sub_cont .online_cont dl.web_list dt { display:table; float:none; margin:0 auto 40px !important; } #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd, #wrap.ngl #sub_cont .online_cont dl.aplia_list dd, #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd, #wrap.ngl #sub_cont .online_cont dl.owl_list dd, #wrap.ngl #sub_cont .online_cont dl.web_list dd { float:none; padding:0 15px; } #wrap.ngl #sub_cont .online_cont .user_guide { height:auto; background-size:100% 100%; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul { display:block; margin:0 auto; padding:80px 0 0; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li { width:30.69%; margin:0 10px; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li:nth-child(2) { margin:0; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li p { font-size:16px; margin:0 0 11px; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li span { width:100%; margin:0 auto 20px; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li span a { background:url("../img/da_image/icon_online_more.png") no-repeat 85% center; } #wrap.ngl #sub_cont .online_cont .video_cont { padding:50px 0 0; } #wrap.ngl #sub_cont .online_cont .video_cont h2 { padding:0 0 20px; } #wrap.ngl #sub_cont .online_cont .video_cont h2 img { width:147px; height:auto; } #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list { padding:0 15px; } #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li { width:100%; margin:0 0 20px; } #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li div.video img { width:100%; } #wrap.ngl #sub_cont .online_cont .video_cont .video_info { padding:40px 15px 0; } #wrap.ngl .add_btn {float:none !important; display:table; margin:0 auto;} #wrap.ngl .mypage_btn {margin:20px 15px !important;} #wrap.ngl .btn.btn_write {top:25px;} #wrap.ngl .btn a.btn_buy {width:95%;} #wrap.ngl .btn a.btn_list {float:left; margin:0 auto;} #wrap.ngl .btn a.btn_list.add_btn_list {float:left; margin:0;} #wrap.ngl .btn a.btn_join {margin-top:20px;} #wrap.ngl #sub_cont .bookmap_cont .bookmap01 {width:20%;} #wrap.ngl #sub_cont .bookmap_cont .bookmap02 {width:35%;} #wrap.ngl #sub_cont .bookmap_cont .bookmap03 {width:35%;} } /* NATIONAL GEOGRAPHIC LEARNING css 끝 */ /* 셀렉트박스 커스텀 */ .clear {*zoom:1;} .clear:after {clear:both;content:"";display:block;} .fl {float:left;} .fr {float:right;} .blind {display:none;} .select_box_custom {width:200px;position:relative;z-index:250;margin-top:10px;} .select_box_custom dt, .select_box_custom dd, .select_box_custom ul, .select_box_custom li, .select_box_custom a {vertical-align:top;box-sizing:border-box;} .select_box_custom dt {cursor:pointer;border:1px #d3d3d3 solid;background:#fff url(../img/da_image/ngl/icon_arrow_down.png) no-repeat 173px 50%;width:200px;line-height:28px;height:30px;text-indent:14px;text-align:left;font-weight:400;color:#333;font-size:13px;} .select_box_custom dd {display:none;border:1px #d3d3d3 solid;border-top:0 none;background:#fff;width:200px;} .select_box_custom dd ul.select_step1 {} .select_box_custom dd ul.select_step1 li.select_step1 {border-top:1px #d3d3d3 solid;height:41px;text-align:left;position:relative;z-index:1;display:table;width:100%;} .select_box_custom dd ul.select_step1 li.select_step1:hover {border-top:1px #0e648f solid;} .select_box_custom dd ul.select_step1 li.select_step1:nth-of-type(1) {border-top:0 none;height:40px;} .select_box_custom dd ul.select_step1 li.select_step1 > a {color:#666;font-size:13px;font-weight:400;padding-left:14px;display:inline-block;width:100%;height:40px;line-height:20px;display:table-cell;vertical-align:middle;} .select_box_custom dd ul.select_step1 li.select_step1:hover > a {background:#0e648f url(../img/da_image/ngl/icon_arrow_right_on.png) no-repeat 176px 50%;color:#fff;} .select_box_custom dd li.select_step1 div.select_step2 {display:none;position:absolute;left:198px;top:0;/* background:#fff;border:1px #d3d3d3 solid; */min-width:690px;/* width:690px; */max-width:690px;} .select_box_custom dd li.select_step1:hover div.select_step2 {display:block;} .select_box_custom dd div.select_step2 ul.select_step2 {width:230px;float:left;/* background:url(../img/da_image/ngl/bg_layer_dotted.gif) repeat-y 100% 0; */} .select_box_custom dd div.select_step2 ul.select_step2:nth-of-type(3) {background-image:none;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 {height:40px;width:100%;text-align:left;position:relative;z-index:1;display:table; outline: 1px #d3d3d3 dotted;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 > a {background-color:#fff;color:#666;font-size:13px;font-weight:400;padding-left:19px;padding-right:19px;box-sizing:border-box;display:inline-block;display:table-cell;width:100%;height:40px;line-height:20px;vertical-align:middle;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2:hover > a {font-weight:700;color:#0e648f;} #wrap.ngl .select_box_custom {width:200px;position:relative;z-index:250;margin-top:10px;} #wrap.ngl .select_box_custom dt, #wrap.ngl .select_box_custom dd, #wrap.ngl .select_box_custom ul, #wrap.ngl .select_box_custom li, #wrap.ngl .select_box_custom a {vertical-align:top;box-sizing:border-box;} #wrap.ngl .select_box_custom dt {cursor:pointer;border:1px #d3d3d3 solid;background:#fff url(../img/da_image/ngl/icon_arrow_down.png) no-repeat 173px 50%;width:200px;line-height:28px;height:30px;text-indent:14px;text-align:left;font-weight:400;color:#333;font-size:13px;} #wrap.ngl .select_box_custom dd {display:none;border:1px #d3d3d3 solid;border-top:0 none;background:#fff;width:200px;} #wrap.ngl .select_box_custom dd ul.select_step1 {} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 {border-top:1px #d3d3d3 solid;height:41px;text-align:left;position:relative;z-index:1;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:hover {border-top:1px #0e648f solid;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:nth-of-type(1) {border-top:0 none;height:40px;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 > a {color:#666;font-size:13px;font-weight:400;text-indent:14px;display:inline-block;width:100%;height:40px;line-height:40px;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:hover > a {background:#0e648f url(../img/da_image/ngl/icon_arrow_right_on.png) no-repeat 176px 50%;color:#fff;} #wrap.ngl .select_box_custom dd li.select_step1 div.select_step2 {display:none;position:absolute;left:198px;top:0;background:#fff;border:1px #d3d3d3 solid;min-width:200px;width:100px;max-width:600px;} #wrap.ngl .select_box_custom dd li.select_step1:hover div.select_step2 {display:block;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 {width:199px;float:left;background:url(../img/da_image/ngl/bg_layer_dotted.gif) repeat-y 100% 0;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2:last-child {background-image:none;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 {height:40px;text-align:left;position:relative;z-index:1;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 > a {color:#666;font-size:13px;font-weight:400;text-indent:19px;display:inline-block;width:100%;height:40px;line-height:40px;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2:hover > a {font-weight:700;color:#0e648f;} @media screen and (max-width:1200px) { #sub_cont .about_cont .online_list > ul li {padding:99px 0 25px;width:100%;} .sub_header.has_select {height:85px;} .sub_header .hd_sub_cate {top:35px; background:} .select_box_custom {width:100%;} .select_box_custom dt {width:100%;background-position:97% 50%;} .select_box_custom dd {width:calc(100% + 20px);margin-left:-10px;border:1px #d3d3d3 solid; border-left:0;border-right:0;margin-top:10px;} .select_box_custom dd ul.select_step1 {padding-top:10px;} .select_box_custom dd ul.select_step1 li.select_step1 {display:block;height:auto;border-top:0 none;font-size:0px;} .select_box_custom dd ul.select_step1 li.select_step1:hover {border-top:0 none;} .select_box_custom dd ul.select_step1 li.select_step1:nth-of-type(1) {height:auto;} .select_box_custom dd ul.select_step1 li.select_step1 > a {width:calc(100% - 40px);display:inline-block;line-height:40px;} .select_box_custom dd ul.select_step1 li.select_step1 .select_step1_btn {display:inline-block;width:40px;height:40px;cursor:pointer;line-height:40px;text-align:center;font-size:20px;vertical-align:middle;} .select_box_custom dd ul.select_step1 li.select_step1 .select_step1_btn:after {content:'+';} .select_box_custom dd ul.select_step1 li.select_step1 .select_step1_btn.on:after {content:'-';} .select_box_custom dd ul.select_step1 li.select_step1:hover > a {color:#666;background:none;} .select_box_custom dd li.select_step1 div.select_step2 {display:none !important;width:100%;position:static;border:0 none;box-sizing:border-box;padding:0 10px 10px;} .select_box_custom dd li.select_step1 div.select_step2.on {display:block !important;} .select_box_custom dd div.select_step2 ul.select_step2 {width:100%;background:none;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 {width:100%;border:1px solid #ccc;margin-bottom:2%;float:left;background:none;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 > a {word-break:break-word;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2:hover > a {color:#666;background:none;} .board_info ul.paging li.first {margin-right:10px;} .board_info ul.paging li.last {margin-left:10px;} .board_info ul.paging li {margin:0 10px;} #sub_cont .online_cont .user_guide h2 {padding:30px 0 0;} #sub_cont .online_cont .user_guide h2 img {width:97px;} .promise_cont {padding:0 20px;} } @media screen and (min-width: 721px) and (max-width: 1200px) { #header #lnb .hd_search .hd_search_form {padding-right:63px; z-index:900;} #header #lnb .hd_search .hd_search_form .search_sec03 {right:20px;} #header #lnb .hd_search .hd_search_form .search_sec01 {width:392px;} #header #lnb .hd_search .hd_search_form .search_sec01 input {width:250px;} } /* 팝업 css 시작 */ .popup_cont {display:block;position:fixed;left:10%;top:18%;width: 1000px;z-index:9999;} .popup_cont .main_pop_wrap{display:inline-block;vertical-align:top;width: calc(63% - 17px);} .popup_cont .main_pop_wrap + .main_pop_wrap{margin-left:30px;width: calc(37% - 17px);} .popup_cont .main_pop_wrap2{} .popup_cont .popup {width:100%;} .popup_cont .popup h2 {color:#222; font-size:38px; font-weight:700; padding:32px 0 9px;} .popup_cont .popup p {color:#fff; font-size:16px; font-weight:400; line-height:19px; padding:0 0 44px;} .popup_cont .popup p span {color:#00355f; font-size:16px; font-weight:500;} .popup_cont .popup h5 { display:inline-block; padding:0 27px; line-height:31px; background:url("../img/da_image/popup_tit_icon01.png"), url("../img/da_image/popup_tit_icon02.png"); background-position:12px top, 97% top; background-repeat:no-repeat, no-repeat; margin:0 0 20px; } .popup_cont .popup h5 span { display:inline-block; color:#fff; font-size:21px; font-weight:500; background:url("../img/da_image/popup_tit_line.gif") repeat-x left bottom; } .popup_cont .popup h5 span:last-child {padding:0 19px;} .popup_cont .popup ul {padding-left:60px;} .popup_cont .popup ul li {text-align:left; line-height:23px;} .popup_cont .popup ul li span { position:relative; display:inline-block; width:69px; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; color:#fff; font-size:14px; font-weight:400; vertical-align:top; } .popup_cont .popup ul li span::before { position:absolute; right:0; top:0; content:":"; color:#fff; font-size:14px; font-weight:400; } .popup_cont .popup ul li p { display:inline-block; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; color:#fff; font-size:14px; font-weight:400; padding:0 0 0 18px; } .popup_cont .popup h3 {text-align:right; padding-right:23px;} .popup_cont .popup_close {height:30px;background:#333;padding:0 10px;overflow: hidden;} .popup_cont .popup_close:after {clear:both; content:""; display:block;} .popup_cont .popup_close h2 {float:left; line-height:30px; color:#fff; font-size:13px; font-weight:400;} .popup_cont .popup_close h2 label {cursor:pointer;} .popup_cont .popup_close h2 input[type=checkbox] {margin-right:5px;} .popup_cont .popup_close h3 {float:right; padding-top:8px; cursor:pointer;} .popup_cont .popup_close .check{display:inline-block;color:#fff;line-height:30px;} .popup_cont .popup_close .close{display:inline-block;color:#fff;float: right;padding: 7px 0 0 0;} /* 팝업 css 끝 */ /* 이용약관 & 개인정보처리방침 css 시작 */ .promise_cont {} .promise_cont p {color:#000; font-size:13px; font-weight:500; line-height:20px;} .promise_cont dl {margin:0 0 30px;} .promise_cont dl dt {color:#000; font-size:15px; font-weight:600; padding:0 0 10px;} .promise_cont dl dd {color:#000; font-size:13px; font-weight:500; line-height:20px;} .promise_cont dl dd .hang {color:#000; font-size:13px; font-weight:500; line-height:20px; padding-top: 15px; padding-left: 15px;} .promise_cont dl dd .hang_title {color:#000; font-size:13px; font-weight:700; line-height:20px; padding-top: 10px;} .promise_cont dl dd .mok {color:#000; font-size:13px; font-weight:500; line-height:20px; padding-top: 7px; padding-left: 10px; margin-bottom: 10px;} /* 이용약관 & 개인정보처리방침 css 끝 */