@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); /*나눔고딕 폰트설정 시작*/ @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;} 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;} .center {text-align:center;} .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:40px !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:1000px; 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:right; position:relative; width:492px; height:50px; 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 {} #header #lnb .hd_search .hd_search_form .search_sec02 > ul {} #header #lnb .hd_search .hd_search_form .search_sec02 > ul li {width:150px; 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:219px; */ background:url("../img/da_image/sub_lnb_bg.gif") no-repeat left top; } #header #lnb #lnbNav li .sub_lnb_menu > ul {} #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{margin-left:18px;display:none;vertical-align:middle;/* 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;cursor:pointer;transform:rotate(180deg);} #header .cenga_p_wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);display:none;} #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: 1024px){ #header #logo .logo_wrap span{display:inline-block;} } /* 하단 시작 */ #footer {position:relative;} #footer .w_1200 {position:absolute; left:50%; bottom:50px; margin-left:-600px;} 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:1200px; 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;} /* FAQ 버튼 */ .right_faq_btn {width:100%; max-width:1460px; margin:0 auto; position:fixed; top:342px; left:0; right:0; z-index:100;} .right_faq_btn a {display:block; width:100px; position:absolute; top:0; right:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50px; overflow:hidden;} .right_faq_btn a img {width:100%;} #sub_cont h2.sub_tit {height:52px; text-align:center; border-bottom:1px solid #ccc; margin:0 0 38px;} #sub_cont h2.sub_tit span { display:inline-block; 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;} /* 개별3종 시작 */ /* 브랜드페이지 시작 */ #sub_cont .about_cont h2.tit.brand {color:#00355f !important; font-size:26px !important; padding-left:30px !important; background-position:left 3px !important; 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:13px; font-weight:600;} /* 개별3종 끝 */ /* about 시작 */ #sub_cont .about_cont {} #sub_cont .about_cont h2.tit { color:#333; font-size:20px; 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 {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:13px; 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 p {float:left; color:#666; font-size:13px; 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:100px; 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 끝 */ /*240827 - about*/ #sub_cont .about_cont * {font-family: "Work Sans", sans-serif; box-sizing:border-box; word-break:keep-all;} #sub_cont .about_cont .flex {display:flex;} #sub_cont .about_cont .j_c_center {justify-content:center;} #sub_cont .about_cont .a_i_center {align-items:center;} #sub_cont .about_cont .flex_wrap {flex-wrap:wrap;} #sub_cont .about_cont .fs60 {font-size:60px;} #sub_cont .about_cont .fs35 {font-size:35px;} #sub_cont .about_cont .fs30 {font-size:30px;} #sub_cont .about_cont .fs25 {font-size:25px;} #sub_cont .about_cont .fs20 {font-size:20px;} #sub_cont .about_cont .fs18 {font-size:18px;} #sub_cont .about_cont .fs16 {font-size:16px;} #sub_cont .about_cont .mb60 {margin-bottom:60px;} #sub_cont .about_cont .mb50 {margin-bottom:50px;} #sub_cont .about_cont .mb10 {margin-bottom:10px;} #sub_cont .about_cont .lh16 {line-height:1.6;} #sub_cont .about_cont .lh14 {line-height:1.4;} #sub_cont .about_cont .mc {color:#292e7c;} #sub_cont .about_cont .w {color:#ffffff;} #sub_cont .about_cont .g3 {color:#555555;} #sub_cont .about_cont .bo {font-weight:bold !important;} #sub_cont .about_cont .hide {display:none;} #sub_cont .about_cont p > a {text-decoration:underline;} #sub_cont .about_cont .s_inner {max-width:1400px; margin:0 auto;} #sub_cont .about_cont .sec01_box > div {width:50%; padding: 150px 100px; box-sizing:border-box;} #sub_cont .about_cont .sec01_box .left_box {background: url("../img/da_image/com_left_bg.jpg") no-repeat left top/cover; padding-left: 260px;} #sub_cont .about_cont .sec01_box .right_box {background: url("../img/da_image/com_right_bg.jpg") no-repeat right bottom/cover; padding-right: 260px;} #sub_cont .about_cont .sec01_box .right_box li {width: 33.33333%; text-align: center;} #sub_cont .about_cont .sec01_box .right_box li img {margin-bottom: 15px;} #sub_cont .about_cont .sec01_box .right_box li:nth-child(-n+3) {margin-bottom: 40px;} #sub_cont .about_cont .sec02_box li > div {width: 50%;} #sub_cont .about_cont .sec02_box li {margin-top: 130px;} #sub_cont .about_cont .sec02_box li .txt_box {} #sub_cont .about_cont .sec02_box li .txt_box p {padding-right: 130px;} #sub_cont .about_cont .sec02_box li .txt_box.two h6 {padding-right: 0; padding-left: 130px;} #sub_cont .about_cont .sec02_box li .txt_box.two p {padding-right: 0; padding-left: 130px;} #sub_cont .about_cont .sec02_box li .txt_box h6{margin-bottom: 35px;} /*240827 - brand*/ #sub_cont .about_cont .inner {max-width:1500px; margin:0 auto;} #sub_cont .about_cont .brand_ul li {padding: 80px 0;} #sub_cont .about_cont .brand_ul li:not(:last-child) {border-bottom: 1px solid #e5e5e5;} #sub_cont .about_cont .brand_ul li:first-child {padding-top: 0;} #sub_cont .about_cont .brand_ul li .logo_box {width: 440px; box-shadow: 0 0 40px rgba(0,0,0,.1); border-radius: 20px; padding: 40px 0; text-align: center;} #sub_cont .about_cont .brand_ul li .txt_box {width: calc(100% - 440px); padding-left: 100px;} #sub_cont .about_cont .brand_ul li .txt_box h6 {margin-bottom: 15px;} /*240827 - about_location*/ #map .map_wrap > div {width: 50%;} #map .map_wrap .left_box {padding-left: 260px; padding-right: 50px; background: #f7f7f7;} #map .map_wrap .left_box .con {display: flex; flex-direction: column; justify-content: center; height: 100%;} #map .map_wrap .left_box li {padding: 50px 0;} #map .map_wrap .left_box li:first-child {border-bottom: 1px solid #e5e5e5;} #map .map_wrap .left_box li .icon_box {width: 60px;} #map .map_wrap .left_box li .txt_box {padding-left: 40px; width: calc(100% - 60px);} #map .map_wrap .right_box .map {width: 100% !important;} @media screen and (max-width: 1600px){ #sub_cont .about_cont .sec01_box > div {padding: 100px 50px;} #sub_cont .about_cont .sec01_box .left_box {padding-left: 20px;} #sub_cont .about_cont .sec01_box .right_box {padding-right: 20px;} #map .map_wrap .left_box {padding-left:20px;} } @media screen and (max-width: 1560px){ #sub_cont .about_cont .s_inner {padding:0 20px;} #sub_cont .about_cont .inner {padding:0 20px;} } @media screen and (max-width: 1204px){ #sub_cont .about_cont .fs60 {font-size:56px;} #sub_cont .about_cont .fs35 {font-size:32px;} #sub_cont .about_cont .fs30 {font-size:28px;} #sub_cont .about_cont .fs25 {font-size:22px;} #sub_cont .about_cont .fs20 {font-size:18px;} #sub_cont .about_cont .fs18 {font-size:16px;} #sub_cont .about_cont .fs16 {font-size:14px;} } @media screen and (max-width: 1200px){ #sub_cont .about_cont .brand_ul li .txt_box {padding-left: 5%;} } @media screen and (max-width: 1024px){ #wrap.ngl #sub_cont .about_cont.m_p_none {padding:0;} } @media screen and (max-width: 960px){ #sub_cont .about_cont .sec01_box > div {width: 100%; padding: 10% 20px;} #sub_cont .about_cont .sec01_box .right_box li {padding: 0 10px;} #sub_cont .about_cont .sec02_box li {margin-top: 10%;} #sub_cont .about_cont .sec02_box li > div {width: 100%;} #sub_cont .about_cont .sec02_box li .txt_box {margin-bottom: 5%;} #sub_cont .about_cont .sec02_box li .txt_box.two {order: -1;} #sub_cont .about_cont .sec02_box li .txt_box p {padding-right: 0;} #sub_cont .about_cont .sec02_box li .txt_box.two h6,#sub_cont .about_cont .sec02_box li .txt_box.two p {padding-left: 0;} #sub_cont .about_cont .brand_ul li .logo_box, #sub_cont .about_cont .brand_ul li .txt_box {width: 100%;} #sub_cont .about_cont .brand_ul li {padding: 10% 0;} #sub_cont .about_cont .brand_ul li .logo_box {padding: 30px 0;} #sub_cont .about_cont .brand_ul li .txt_box {padding-left: 0; padding-top: 5%;} #map .map_wrap > div {width:100%;} } @media screen and (max-width: 768px){ #sub_cont .about_cont .fs60 {font-size:40px;} #sub_cont .about_cont .fs35 {font-size:28px;} #sub_cont .about_cont .fs30 {font-size:25px;} #sub_cont .about_cont .fs25 {font-size:22px;} #sub_cont .about_cont .fs20 {font-size:18px;} #sub_cont .about_cont .fs18 {font-size:16px;} #sub_cont .about_cont .fs16 {font-size:14px;} #sub_cont .about_cont .brand_ul li .logo_box img {width:200px;} #map .map_wrap .left_box {padding-right:20px;} #map .map_wrap .left_box li .txt_box {padding-left:20px;} #map .map_wrap .right_box .map {height:350px !important;} } @media screen and (max-width: 576px){ #sub_cont .about_cont .fs60 {font-size:34px;} #sub_cont .about_cont .fs35 {font-size:28px;} #sub_cont .about_cont .fs30 {font-size:25px;} #sub_cont .about_cont .fs25 {font-size:22px;} #sub_cont .about_cont .fs20 {font-size:18px;} #sub_cont .about_cont .fs18 {font-size:16px;} #sub_cont .about_cont .fs16 {font-size:14px;} } @media screen and (max-width: 499px){ #sub_cont .about_cont .brand_ul li .logo_box img {width:150px;} #map .map_wrap .left_box li {padding:30px 0;} #map .map_wrap .left_box li .icon_box {width:40px;} #map .map_wrap .left_box li .txt_box {width:calc(100% - 40px);} #map .map_wrap .right_box .map {height:280px !important;} } /* 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: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 .w_1200 > ul {display:table; margin:0 auto; padding:162px 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:382px; margin:0 24px 42px 0;} #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 {border:1px solid #ccc;} #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; 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; } .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; } .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 0 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;} #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 17px 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 dd {} #sub_cont .board_cont .board_list ul li dl dd h2 {color:#333; font-size:22px; font-weight:600; padding:54px 0 8px;} #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/board_icon.gif") no-repeat left bottom; } #sub_cont .board_cont .board_list ul li dl dd p {color:#888; font-size:13px; font-weight:500; line-height:20px;} #sub_cont .goods_view {margin:0 0 70px;} #sub_cont .goods_view .goods_thum {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 {} #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; } #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;} #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:16%; 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:17px;} 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; border:1px solid #818181; 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;} table.customer_tbl tr td textarea:focus {background:#fff; border:1px solid #0085ca;} table.customer_tbl tr td span.btn {display:inline-block; width:90px; 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;} 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:47%;} table.book_info_tbl tr th:nth-child(2) {width:17%;} table.book_info_tbl tr th:nth-chlid(3) {width:15%;} table.book_info_tbl tr th:nth-child(4) {width:15%;} 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.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 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:1024px) { .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; height:50px; line-height:50px; background:#eee;} .sub_header .hd_sub_cate {position:absolute; left:50%; top:0; width:1200px; 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 li {padding:0 2.3%;} .sub_header.add_sub_header > ul li {} #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(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:19px;} #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;} #wrap.ngl #sub_cont .goods_cont .goods_info .info {padding:14px 15px 13px 15px !important;} #sub_cont .board_cont .board_list ul li dl dt {float:none; text-align:center; margin:0 0 10px;} #wrap.ngl #sub_cont .goods_view .goods_thum {width:100% !important;} #wrap.ngl #sub_cont .goods_view .goods_thum ul.sns_list li:last-child {display:block !important;} #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;} 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:20px; color:#333; font-size:13px; font-weight:600;} 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.customer_book_tbl tr td input[type=text], table.customer_tbl.customer_book_tbl tr td input[type=password] {width:92%;} table.customer_tbl tr td input.w_118 {width:22%;} 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 tr td span.btn {display:block; margin:5px 0 0;} 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.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:22%;} 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;} .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:50%; 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:33px; background:#fff url("../img/da_image/quick_icon04.png") no-repeat center 23px; padding-top:63px;} .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 a {color:#333; font-size:12px; font-weight:500;} .quick_scroll .quick_sec03 {padding:30px 0 0; text-align:center;} /******************* NATIONAL GEOGRAPHIC LEARNING *******************/ /* NATIONAL GEOGRAPHIC LEARNING css 시작 */ /* 상단 시작 */ #wrap.ngl #header {position:fixed; left:0; top:0; width:100%; z-index:9900; background:#fff url("../img/da_image/ngl/gnb_bg.png") repeat-x left top; border-bottom:1px solid #00355f;} #wrap.ngl #header #gnb {background:#333333;} #wrap.ngl #header #gnbDropList dl {margin-right:0;} #wrap.ngl #header #gnbDropList dl dt {background:url(../img/da_image/ngl/arr_x11.png) no-repeat center right; margin-right:20px;} #wrap.ngl #header #gnbDropList dl.gnbDrop1 dd {width:230px;} #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; /*min-height:219px;*/ background:#005b8a url("../img/da_image/sub_lnb_bg.gif") no-repeat left top; /*padding-bottom:10px;*/ padding:17px 0; } #wrap.ngl #header #lnb #lnbNav li:nth-child(5) .sub_lnb_menu, #wrap.ngl #header #lnb #lnbNav li:last-child .sub_lnb_menu {} #wrap.ngl #header #lnb #lnbNav li .sub_lnb_menu > ul {} #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:50%; margin-top:-222px; z-index:9000; display:none;} #wrap.ngl .quick_scroll.sub_quick_scroll {display:block;} #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.icon4 {height:43px; background:#fff url("../img/da_image/ngl/icon_quick_hed.png") no-repeat center 23px; padding-top:51px; line-height:15px;} #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 #videoSlide {margin-bottom:100px;} #wrap.ngl #videoSlide h2 {text-align:center;} #wrap.ngl #videoSlide h2 em {color:#333; font-size:38px; font-weight:600; line-height:1;} #wrap.ngl #videoSlide .slide {width:100%; max-width:1460px; margin:0 auto; position:relative; top:0; left:0;} #wrap.ngl #videoSlide .slide .bx-wrapper {width:83%; max-width:1200px; margin:0 auto;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport {} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul {float:none; display:flex; align-items:center;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li {width:100%;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents {position:relative; top:0; left:0;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents img {width:100%;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .contents_con {width:100%; margin:0 auto; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; z-index:10; transition:all 0.5s ease;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .contents_con .video {display:none; width:100%; height:0; padding-bottom:56.25%; position:relative; top:0; left:0;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .contents_con .video iframe {width:100%; height:100%; position:absolute; top:0; left:0;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .contents_con .img_con {display:block;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .contents_con .img_con img {width:100%;} #wrap.ngl #videoSlide .slide .control_btn {width:100%; margin:0 auto; position:absolute; top:50%; left:0; right:0; transform:translateY(-50%);} #wrap.ngl #videoSlide .slide .control_btn .video_btn {position:absolute; top:50%; transform:translateY(-50%);} #wrap.ngl #videoSlide .slide .control_btn .video_prev_btn {left:0;} #wrap.ngl #videoSlide .slide .control_btn .video_prev_btn a.disabled {display:none;} #wrap.ngl #videoSlide .slide .control_btn .video_next_btn {right:0;} #wrap.ngl #videoSlide .slide .control_btn .video_next_btn a.disabled {display:none;} #wrap.ngl .main_section {padding:100px 0;} #wrap.ngl .main_section h2 {padding-top:0; margin-bottom:100px;} #wrap.ngl .main_section h2 span {margin-top:16px; line-height:14px;} #wrap.ngl .main_section h2 em {color:#333; font-size:38px; font-weight:600;} #wrap.ngl #mainMidBnr li {margin-bottom:8px;} #wrap.ngl #mainMidBnr li:last-child {background:#eee; /* margin-top:12px; */} #wrap.ngl #mainMidBnr li span.icon_01 { display:block; width:226px; padding-right:53px; line-height:112px; border:solid 1px #ccc; text-align:right; font-size:17px; font-weight:bold; color:#333; letter-spacing:-0.020em; } #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 { background:url(../img/mid_icon_02.png) no-repeat; background-position:53px 50%; background-color:#eee; margin-top:0; } #wrap.ngl #mainMidBnr li span.add_icon_02 { width:100%; line-height:22px; text-align:center; padding:15px 0 15px 0; } #wrap.ngl #newBook {width:1200px; margin:0 auto;} #wrap.ngl #newBook ul li a span {background:#fff;} #wrap.ngl #bestSeller {height:auto;} #wrap.ngl #bestSeller .bx-pager-item a.active {background:#222;} #wrap.ngl #experiences {border-bottom:1px solid #cccccc;} #wrap.ngl #experiences .list {width:100%; max-width:1200px; margin:93px auto 0;} #wrap.ngl #experiences .list ul {display:flex;} #wrap.ngl #experiences .list ul li {width:50%; text-align:center;} #wrap.ngl #experiences .list ul li .contents {} #wrap.ngl #experiences .list ul li .contents .img {width:218px; margin:0 auto 28px;} #wrap.ngl #experiences .list ul li .contents .img img {display:inline-block; width:auto; max-width:100%;} #wrap.ngl #experiences .list ul li .contents .btn {} #wrap.ngl #experiences .list ul li .contents .btn a {display:inline-block; width:186px; margin-left:40px; font-size:17px; font-weight:700; line-height:43px; font-family:'Open Sans', 'Nanum Gothic', sans-serif !important; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;} #wrap.ngl #experiences .list ul li .contents .btn a:first-child {margin-left:0; background-color:#ffcb05; color:#222215;} #wrap.ngl #experiences .list ul li .contents .btn a:last-child {background-color:#00355f; color:#ffffff;} #wrap.ngl #mainMidBnr .f_opt{margin-bottom:12px;} @media screen and (max-width: 1220px){ #wrap.ngl #mainMidBnr li span.add_icon_02{width: 100%; } #wrap.ngl #mainMidBnr li:last-child {width: 32.3%;} } @media screen and (max-width: 838px){ #wrap.ngl #mainMidBnr li:last-child {/* margin-top:1.2%; */} #wrap.ngl #mainMidBnr li span.add_icon_02{font-size:14px;padding: 3px 0 0 0} } /* 메인 끝 */ /* 버튼 시작 */ #wrap.ngl .main_section .more_btn { width:188px; height:34px; margin-bottom:0; 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 {position:relative; height:unset; line-height:50px; background:#eee;} #wrap.ngl .sub_header > ul {display:table; margin:0 auto; text-align:center;} #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:22px; 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:15px; 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 .team_info.array {} #wrap.ngl #sub_cont .about_cont .team_info.array > ul {} #wrap.ngl #sub_cont .about_cont .team_info.array > ul li { color:#333; font-size:15px; font-weight:500; line-height:36px; padding:0 0 0 26px; background:url("../img/da_image/icon_chk.png") no-repeat left center; } #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;padding-bottom:15px;} #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 {height: 150px; overflow-y:scroll;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 30px;} #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;} /* online 시작 */ #wrap.ngl #sub_cont .about_cont .online ul {} #wrap.ngl #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; } #wrap.ngl #sub_cont .about_cont .online ul li:last-child {padding:0 0 0 26px;} #wrap.ngl #sub_cont .about_cont .online_list {} #wrap.ngl #sub_cont .about_cont .online_list > ul {} #wrap.ngl #sub_cont .about_cont .online_list > ul:after {clear:both; content:""; display:block;} #wrap.ngl #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; } #wrap.ngl #sub_cont .about_cont .online_list > ul li:nth-child(3n) {margin-right:0;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.online01 {background:url("../img/da_image/online_tit01.gif") no-repeat center 29px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.online02 {background:url("../img/da_image/online_tit02.gif") no-repeat center 15px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.online03 {background:url("../img/da_image/online_tit03.gif") no-repeat center 24px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.online04 {background:url("../img/da_image/online_tit04.gif") no-repeat center 30px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.online05 {background:url("../img/da_image/online_tit05.gif") no-repeat center 30px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.myelt {background:url("../img/da_image/myelt_tit.gif") no-repeat center 24px; padding:99px 193px 25px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li.myng {background:url("../img/da_image/myng_tit.gif") no-repeat center 38px; padding:99px 193px 25px;} #wrap.ngl #sub_cont .about_cont .online_list > ul li:nth-child(3n+1) {clear:both; content:""; float:left;} #wrap.ngl #sub_cont .about_cont .online_list > ul li p {width:188px; height:34px; background:#ffcb05; border-radius:100px;} #wrap.ngl #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; } #wrap.ngl #sub_cont .online_cont {} #wrap.ngl #sub_cont .online_cont h5 {text-align:center; padding:0 0 77px;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list {} #wrap.ngl #sub_cont .online_cont dl.mindtap_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dt {float:left; margin-right:137px;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd {float:left;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd > ul {} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd > ul li {padding:0 0 75px 142px;} #wrap.ngl #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;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd > ul li.mind03 {background:url("../img/da_image/mindtap_icon03.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd > ul li.mind04 {background:url("../img/da_image/mindtap_icon04.png") no-repeat left top;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.mindtap_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #wrap.ngl #sub_cont .online_cont .user_guide {height:300px; background:url("../img/da_image/mind_guide_bg.gif") no-repeat left top;} #wrap.ngl #sub_cont .online_cont .user_guide h2 {text-align:center; padding:60px 0 0;} #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul {display:table; margin:0 auto; padding:50px 0 0;} #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li {text-align:center;} #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li:nth-child(2) {margin:0 170px 0 137px;} #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li p {color:#fff; font-size:24px; font-weight:500; margin:0 0 22px;} #wrap.ngl #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;} #wrap.ngl #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; } #wrap.ngl #sub_cont .online_cont .video_cont {padding:100px 0 0;} #wrap.ngl #sub_cont .online_cont .video_cont h2 {text-align:center; padding:0 0 40px;} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list {} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li {width:382px; margin:0 24px 42px 0;} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li:nth-child(3n) {margin-right:0;} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li:nth-child(3n+1) {clear:both; content:""; float:left;} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li div.video {border:1px solid #ccc;} #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li dl {padding:21px 0 0;} #wrap.ngl #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; } #wrap.ngl #sub_cont .online_cont .video_cont ul.video_list li dl dd {color:#333; font-size:14px; font-weight:500;} #wrap.ngl #sub_cont .online_cont .video_cont .video_info {padding:76px 0 0;} #wrap.ngl #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; } #wrap.ngl #sub_cont .online_cont .video_cont .video_info ul {} #wrap.ngl #sub_cont .online_cont .video_cont .video_info ul li {width:530px; color:#333; font-size:16px; font-weight:500; padding:0 0 28px;} #wrap.ngl #sub_cont .online_cont .video_cont .video_info ul li:after {clear:bot; content:""; display:block;} #wrap.ngl #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;} #wrap.ngl #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; } #wrap.ngl #sub_cont .online_cont dl.aplia_list {padding:0 0 108px;} #wrap.ngl #sub_cont .online_cont dl.aplia_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dt {float:left; margin-right:137px;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd {float:left; padding-top:35px;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul {} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul li {padding:0 0 75px 142px;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul li.aplia01 {background:url("../img/da_image/aplia_icon01.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul li.aplia02 {background:url("../img/da_image/aplia_icon02.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul li.aplia03 {background:url("../img/da_image/aplia_icon03.png") no-repeat left top;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.aplia_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list {padding:0 0 108px;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dt {float:left; margin-right:137px;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd {float:left; padding-top:35px;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul {} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul li {padding:0 0 75px 142px;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow01 {background:url("../img/da_image/cengagenow_icon01.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow02 {background:url("../img/da_image/cengagenow_icon02.png") no-repeat 19px top;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul li.cengagenow03 {background:url("../img/da_image/cengagenow_icon03.png") no-repeat 19px top;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.cengagenow_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #wrap.ngl #sub_cont .online_cont dl.owl_list {padding:0 0 108px;} #wrap.ngl #sub_cont .online_cont dl.owl_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .online_cont dl.owl_list dt {float:left; margin-right:137px;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd {float:left; padding-top:35px;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul {} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul li {padding:0 0 75px 142px;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul li.owl01 {background:url("../img/da_image/owl_icon01.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul li.owl02 {background:url("../img/da_image/owl_icon02.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul li.owl03 {background:url("../img/da_image/owl_icon03.png") no-repeat left top;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.owl_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} #wrap.ngl #sub_cont .online_cont dl.web_list {padding:0 0 108px;} #wrap.ngl #sub_cont .online_cont dl.web_list:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .online_cont dl.web_list dt {float:left; margin-right:137px;} #wrap.ngl #sub_cont .online_cont dl.web_list dd {float:left; padding-top:35px;} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul {} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul li {padding:0 0 75px 142px;} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul li.web01 {background:url("../img/da_image/web_icon01.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul li.web02 {background:url("../img/da_image/web_icon02.png") no-repeat left top;} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul li.web03 {background:url("../img/da_image/web_icon03.png") no-repeat left top;} #wrap.ngl #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;} #wrap.ngl #sub_cont .online_cont dl.web_list dd > ul li p {color:#333; font-size:13px; font-weight:500; line-height:21px;} /* online 끝 */ /* 팝업창 */ #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; } #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 끝 */ /* 회원관련 시작 */ #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; min-height:700px;} #wrap.ngl #sub_cont .bookmap_tit {margin:0 0 40px;} #wrap.ngl #sub_cont .bookmap_tit ul {border-bottom:2px solid #003865;} #wrap.ngl #sub_cont .bookmap_tit ul:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_tit ul li { float:left; width:50%; height:60px; line-height:65px; text-align:center; background:#e3e3e3; border-radius:20px 20px 0 0; } #wrap.ngl #sub_cont .bookmap_tit ul li.on {position:relative; background:#003865;} #wrap.ngl #sub_cont .bookmap_tit ul li.on::before { position:absolute; right:-13px; top:14px; content:""; display:block; width:13px; height:46px; background:url("../img/da_image/bookmap_tab_on.gif") no-repeat left top; } #wrap.ngl #sub_cont .bookmap_tit ul li:last-child.on::before { right:0; left:-13px; background:url("../img/da_image/bookmap_tab_on2.gif") no-repeat left top; } #wrap.ngl #sub_cont .bookmap_tit ul li a {display:block; width:100%; height:60px; line-height:65px;color:#666; font-size:16px;font-weight:600;} #wrap.ngl #sub_cont .bookmap_tit ul li.on a {color:#fff; font-size:16px; font-weight:600;} #wrap.ngl #sub_cont .bookmap_content {} #wrap.ngl #sub_cont .bookmap_content .bookmapCont {position:relative;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab {position:absolute; left:0; top:60px; width:180px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab select {display:none;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateTab {top:121px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul {} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li { height:59px; line-height:59px; background:#eee; border:1px solid #ccc; border-radius:13px 0 0 13px; text-align:center; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateTab ul li {text-align:left; text-indent:20px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov {position:relative; background:#003865; border:1px solid #003865;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov::before { position:absolute; right:0; bottom:-11px; content:""; display:block; width:168px; height:10px; background:url("../img/da_image/bookmap_tab_long.png") no-repeat left top; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li a { display:block; width:100%; height:59px; line-height:59px; color:#999; font-size:15px; font-weight:600; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov a {color:#fff; font-size:15px; font-weight:600;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateTab ul li.ov a {background:url("../img/da_image/icon_cate_arrow.png") no-repeat 93% center;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont {float:left; width:1018px; margin-left:179px; border:1px solid #ccc; border-width:1px 0 0 0;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub {position:relative;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub:after {clear:both; content:""; display:block;} /* #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub::before { position:absolute; left:-1px; top:60px; content:""; display:block; width:1016px; height:695px; border:2px solid #003865; border-width:0 2px 2px; } */ #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit {height:59px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul {border:1px solid #ccc; border-width:0 1px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li { position:relative; float:left; width:50%; height:59px; line-height:59px; color:#003865; font-size:15px; font-weight:600; text-align:center; border-bottom:2px solid #003865; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .tit ul li {width:338px; height:120px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .tit ul li p {color:#003865; font-size:15px; font-weight:600;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .tit ul li:first-child {width:340px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li::before { position:absolute; right:0; top:0; content:""; width:1px; height:59px; background:#ccc; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .tit ul li::before {height:120px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li:last-child::before {background:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.yellow, #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.yellow.on {background-color:#f9f2d5 !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.pink, #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.pink.on {background-color:#f7e2c7 !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.green, #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.green.on {background-color:#e3f2df !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li > ol {} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li > ol:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li > ol li { float:left; width:50% !important; height:49px !important; line-height:17px; color:#333; font-size:13px; font-weight:600; text-align:center; padding:20px 0 0; border-bottom:1px solid #ccc; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li > ol li::before {height:69px !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li > ol li span {display:block; color:#003865; font-size:15px; font-weight:600;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont { position:relative; width:1016px; overflow-y:scroll; border:2px solid #003865; border-width:0 2px 2px 0; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont {height:722px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont::before { position:absolute; left:179px; top:61px; content:""; display:block; width:2px; height:723px; background:#003865; z-index:100; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont::before {top:121px; height:726px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont::-webkit-scrollbar {} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl {float:left; width:508px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl.green {width:491px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl {width:340px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl.pink {width:338px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl.green {width:321px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl.yellow {background:#f9f2d5;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl.pink {background:#f7e2c7;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl.green {background:#e3f2df;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dt {} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd {border-left:1px solid #ccc;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd:first-child {border-left:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul {padding:24px 0; border-bottom:1px solid #ccc;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul {padding:0;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li { width:168px; min-height:151px; padding:24px 0 16px; border-left:1px solid #ccc; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_2.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_5.cateCont_sub .cont dl dd > ul li {min-height:181px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_3.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_8.cateCont_sub .cont dl dd > ul li {min-height:166px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_7.cateCont_sub .cont dl dd > ul li {min-height:187px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl.green dd > ul li {width:159px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li:first-child {border-left:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul:last-child {border-bottom:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul.one {height:142px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul.two {height:302px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul.two.p_t120.h_206 {height:206px; padding-top:120px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul.three {height:130px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li {text-align:center;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li {float:left;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_1.cateCont_sub .cont dl.green dd > ul:first-child li { padding:0; float:none; width:100%; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li ol {text-align:center;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li ol li {display:inline-block; margin:0 5px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul.two li ol li {margin:10px 5px 0;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li p {color:#666; font-size:15px; font-weight:500; padding:10px 0 0;} /*240215-수정*/ #wrap.ngl #sub_cont .bookmap_cont {} #wrap.ngl #sub_cont .bookmap_cont img.fx {width:100%;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con {background:#000000;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .title_con {} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .title_con > img {} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con {padding:0 40px 40px;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul {display:flex; justify-content:space-between;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul > li {cursor:pointer;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul > li > img {} #wrap.ngl #sub_cont .bookmap_cont > .show_con {} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul {} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li {display:none; position:relative;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > img {} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > a {position:absolute; top:1.5%; right:3.4%;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li:nth-child(2) > a {position:absolute; top:2.5%; right:3.4%;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li:nth-child(3) > a {position:absolute; top:1.3%; right:3.4%;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > a > img {} /* #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:2000; } #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 30px 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 {max-width:900px;} #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h2 {color:#333; font-size:22px; font-weight:600; padding:30px 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 5px; margin:0 0 5px; background:none; } #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/ngl/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;} #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 {width:400px; 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 {text-align:center;} #wrap.ngl #sub_cont .goods_view .goods_thum .thum h2 img {max-width:100% !important;} #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:25%; color:#333; font-size:13px; font-weight:500; text-align:left; padding-left:33px;/* width:300px; */} #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; border:1px solid #818181; 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:#fff; 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:100px; 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;} .s_more{width:100px; height:25px; background-color:#006799;} .s_more a{display:block; line-height:25px; text-align:center; color:#fff;} /* 테이블 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.btn_write.btn_delete {right:140px;} #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:1024px) { #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 {} .promise_cont {padding:0 20px;} #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:0 !important; min-width:50px;} #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; margin:0 auto;} #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 .board_cont .board_search div.search {width:238px;} #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:1%;} #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%;} .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;} #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 {display:block; width:100%; padding-left:15px;} #wrap.ngl table.customer_tbl tr td {display:block; width:100%; padding-left:15px;} #wrap.ngl table.customer_tbl tr td input#post1 {margin-bottom:5px;} #wrap.ngl table.customer_tbl tr th span.point {padding-left:10px;} #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:inline-block; margin:5px 0 0;} #wrap.ngl table.customer_tbl tr td span.btn + span {display:inline-block; margin:10px 0 0 !important;} #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 table.goods_info_view tr td.last a {line-height:20px;} #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 #sub_cont .online_cont .user_guide h2 {padding:30px 0 0;} #wrap.ngl #sub_cont .online_cont .user_guide h2 img {width:97px;} #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul {padding:40px 0 0 !important;} } #wrap.ngl .quick_scroll {position:fixed; right:0; top:50%; margin-top:-222px; z-index:9000;} #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 ul.quick_sec02 li:last-child {border-bottom:1px solid #ccc;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon1 {height:106px; background:#fff url("../img/da_image/ngl/quick_icon01.gif") no-repeat center 26px; padding-top:0;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon1 a {display:block; width:100%; padding:66px 0 14px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon2 {height:106px; background:#fff url("../img/da_image/ngl/quick_icon02.gif") no-repeat center 28px; padding-top:0;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon2 a {display:block; width:100%; padding:68px 0 12px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon3 {height:106px; background:#fff url("../img/da_image/ngl/quick_icon03.gif") no-repeat center 37px; padding-top:0;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon3 a {display:block; width:100%; padding:75px 0 29px;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon6 {height:76px; background:#fff url("../img/da_image/ngl/icon_quick_kakao.png") no-repeat center 17px; padding-top:0;} #wrap.ngl .quick_scroll ul.quick_sec02 li.icon6 a {display:block; width:100%; padding:55px 0 29px;} #wrap.ngl .quick_scroll ul.quick_sec02 li a {color:#333; font-size:12px; font-weight:500;} #wrap.ngl .quick_scroll .quick_sec03 {position:relative; margin:20px 0 0; padding:0; text-align:center;} #wrap.ngl .quick_scroll .quick_sec03 a.top {position:absolute; top:0; display:block; width:100%; height:34px;} #wrap.ngl .quick_scroll .quick_sec03 a.down {position:absolute; bottom:0; display:block; width:100%; height:34px;} @media screen and (max-width:1024px) { #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;} #mainBnrArea .swiper-button-prev, #mainBnrArea .swiper-button-next {display:none !important;} /* 모바일 변경시 카테고리 노출 시작 */ #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:-100%; z-index:9999; width:85%; height:100%; background:#000000; overflow:auto; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec01 { position:relative; height:65px; background:#000000; } #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:24px 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:#000000; 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:#ffffff; 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:#ffffff; border-top:1px solid #ffffff; 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:#000000; font-size:13px; font-weight:500; text-indent:15px; background:none; } #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 {padding:12px 10px 100px;} #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 #lnbMenuArea .slide .slide_sec04 {text-align:center;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 ul {display:inline-block; width:49%; margin:2% 0 0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 ul li {float:none; width:100%; margin-left:0; border:1px solid #ffffff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 ul li:first-child {display:none; margin-left:0;} #wrap.ngl #header #lnb #lnbMenuArea .slide .slide_sec04 ul li img {width:100%; height:auto;} /* 모바일 변경시 카테고리 노출 끝 */ /* 검색창 시작 */ #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:none; margin:0 auto;}/* display:table; */ #wrap.ngl #header #lnb .hd_search .hd_search_form .search_sec03 {right:10px !important; top:18% !important;} /* 검색창 끝 */ #wrap.ngl #videoSlide {margin-bottom:50px;} #wrap.ngl #videoSlide .slide {height:auto;} #wrap.ngl #videoSlide .slide .bx-wrapper {width:82.5%; margin-top:25px;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport {overflow:hidden !important;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li {width:100%; margin-right:0;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents {width:100%;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .video {padding-bottom:56.25%;} #wrap.ngl #videoSlide .slide .control_btn {max-width:95%;} #wrap.ngl #videoSlide .slide .control_btn .video_btn {width:13px;} #wrap.ngl #videoSlide .slide .control_btn .video_prev_btn {left:0;} #wrap.ngl #videoSlide .slide .control_btn .video_next_btn {right:0;} #wrap.ngl #experiences .list {max-width:100%; margin-top:43px; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #wrap.ngl #experiences .list ul {flex-direction:column;} #wrap.ngl #experiences .list ul li {width:100%; margin-top:90px;} #wrap.ngl #experiences .list ul li .contents .img {width:145px; margin-bottom:26px;} #wrap.ngl #experiences .list ul li .contents .btn a {width:144px; margin-left:18px; font-size:14px; line-height:36px; border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px;} #wrap.ngl #experiences .list ul li:first-child {margin-top:0;} #wrap.ngl p.copyright {display:none;} /* 서브페이지 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 h2.sub_tit.digital {height:40px;} #wrap.ngl #sub_cont h2.sub_tit.digital span {font-size:24px; padding-bottom:9px;} #wrap.ngl #sub_cont .about_cont .about_sec01 h2.tit { letter-spacing:-1px; margin:0 0 12px; font-size:18px; } #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:20px 0 4px; } #wrap.ngl #sub_cont .board_cont .board_list ul li dl dd h3 { padding:0 10px 11px 0; 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:100%; margin:0 0 24px 0; padding:99px 0 25px; } #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:29.7%; 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 88% center; text-indent:15px; font-size:13px; } #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 #sub_cont .online_cont .video_cont .video_info ul li {width:100% !important;} #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%;} #wrap.ngl #sub_cont.digital .about_cont .about_sec01 h5 img {width:150px;} #wrap.ngl #sub_cont.digital .about_cont h2.tit {font-size:18px;} #wrap.ngl #sub_cont.digital .about_cont .team_info.array > ul li {line-height:19px; margin-bottom:10px; background-position:left top;} #wrap.ngl #sub_cont.digital .online_cont {padding:0 20px !important;} #wrap.ngl #sub_cont.digital .online_cont .video_cont .video_info h2 {font-size:19px;} #wrap.ngl #sub_cont.digital .about_cont .online_list > ul li.myelt, #wrap.ngl #sub_cont.digital .about_cont .online_list > ul li.myng {padding:99px 0 25px;} #sub_cont.digital .about_cont h2.tit.brand {font-size:22px !important;} #sub_cont.digital .brand_cont dl dd ul li {padding:15px 0 15px 20px;} #sub_cont.digital .brand_cont dl dt img {padding:0;} #sub_cont.digital .brand_cont dl {background:#f9f9f9;} #sub_cont.digital .brand_cont dl dd {background:#fff;} #wrap.ngl #sub_cont .about_cont .about_sec01 h5 {} #wrap.ngl #sub_cont .about_cont .about_sec01 h5 img {width:100% !important;} .sub_header .hd_sub_cate {position:static !important; margin-left:10px !important;} /* FAQ 버튼 */ .right_faq_btn {max-width:100%; top:calc(100% - 99px);} .right_faq_btn a {width:81px; right:15px;} /* 북맵 모바일 해상도 */ #footer {margin-top:50px !important;} #footer:first-child {margin-top:60px !important;} #wrap.ngl #sub_cont .bookmap_tit {margin:0 0 20px;} #wrap.ngl #sub_cont .bookmap_tit ul {margin:0 10px;} #wrap.ngl #sub_cont .bookmap_tit ul li {height:40px; line-height:40px; border-radius:10px 10px 0 0;} #wrap.ngl #sub_cont .bookmap_tit ul li a {height:40px; line-height:44px; font-size:14px;} #wrap.ngl #sub_cont .bookmap_tit ul li.on::before {height:26px;} #wrap.ngl #sub_cont .bookmap_cont {min-height:auto;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab {position:static; width:auto; margin:0 10px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab select {display:block; width:100%; height:30px;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul {display:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li {border-radius:0;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov {background:#eee; border:1px solid #ccc;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov::before {background:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateTab ul li.ov a {color:#999;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont {position:relative; width:95%; margin:0 10px; border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont::before {background:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit {height:auto;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul {border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li { width:100%; margin-top:20px; border:none; background:url("../img/da_image/m_cate_off.png") no-repeat 95% center !important; background-size:15px 15px !important; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li {background-position:95% 85% !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li.on { background:url("../img/da_image/m_cate_on.png") no-repeat 95% center !important; background-size:15px 15px !important; } #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li.on {background-position:95% 85% !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li {width:100% !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li ol li {width:50% !important; margin:0; background:none !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li ol li::before {background:#ccc;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .tit ul li ol li:last-child::before {background:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .tit ul li::before {background:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont {position:static; width:99.8%; height:auto !important; border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont .yellow {display:none; border:2px solid #003865;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont .green {display:none; border:2px solid #003865;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont .pink {display:none; border:2px solid #003865;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont#tab2 .cateCont .cateCont_sub .cont .pink {/* position:absolute; top:280px; */} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl {width:99% !important;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd {border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul {height:auto !important; padding:0 !important; border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul > li:last-child {border-bottom:1px solid #ccc;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul:last-child li {border:none;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li {padding:10px 0;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li ol li {display:block;} #wrap.ngl #sub_cont .bookmap_content .bookmapCont .cateCont .cateCont_sub .cont dl {height:450px; overflow-x:scroll;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul:after {clear:both; content:""; display:block;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li { float:left; width:50% !important; height:auto; min-height:auto; border:none; padding:0; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li img {padding-top:10px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont .cateCont_sub .cont dl dd > ul li p {padding-bottom:10px;} #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_1.cateCont_sub .cont dl.green dd > ul:first-child li { width:100% !important; padding-top:10px; } #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_2.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_5.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_3.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_8.cateCont_sub .cont dl dd > ul li, #wrap.ngl #sub_cont .bookmap_content #tab2.bookmapCont .cateCont #tab2_7.cateCont_sub .cont dl dd > ul li {min-height:auto;} /*240215-수정*/ #wrap.ngl #sub_cont .bookmap_cont {} #wrap.ngl #sub_cont .bookmap_cont img.fx {width:100%;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con {margin:0 15px; background:#000000;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .title_con {} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .title_con > img {} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con {padding:0 3% 3%;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul {display:flex; justify-content:space-between;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul > li {width:32%; cursor:pointer;} #wrap.ngl #sub_cont .bookmap_cont > .contents_con > .list_con > ul > li > img {} #wrap.ngl #sub_cont .bookmap_cont > .show_con {margin:0 15px;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul {} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li {display:none; position:relative;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > img {} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > a {position:absolute; top:1.5%; right:3.4%;} #wrap.ngl #sub_cont .bookmap_cont > .show_con > ul > li > a > img {width:17vw;} /* NATIONAL GEOGRAPHIC LEARNING css 끝 */ @media screen and (max-width:340px) { #wrap.ngl #experiences .list ul li .contents .btn a {display:block; width:144px; margin:18px auto 0; font-size:14px; line-height:36px; border-radius:36px; -webkit-border-radius:36px; -moz-border-radius:36px;} #wrap.ngl #experiences .list ul li .contents .btn a:first-child {margin:0 auto;} } /* 셀렉트박스 커스텀 */ .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;} .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;text-indent:14px;display:inline-block;width:100%;height:40px;line-height:40px;} .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:200px;/* width:600px;max-width:600px; */} .select_box_custom dd li.select_step1:hover div.select_step2 {display:block;} .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;} .select_box_custom dd div.select_step2 ul.select_step2:last-child {background-image:none;} .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 {height:40px;text-align:left;position:relative;z-index:1;} .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;} .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;} */ #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;display:table;width:100%;} #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;padding-left:14px;display:inline-block;width:100%;height:40px;line-height:20px;display:table-cell;vertical-align:middle;} #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:690px;max-width:690px; */} #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:230px;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:nth-of-type(3) {background-image:none;} #wrap.ngl .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;border-bottom:1px #d3d3d3 solid;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 > a {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;} #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 (min-width: 721px) and (max-width: 1200px) { .w_1200 {width:100%;} #header #lnb .hd_search .hd_search_form {top:25px; height:70px; 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;} #wrap.ngl .sub_header > ul li {padding:0 9px;} #wrap.ngl #sub_cont h2.sub_tit {margin-bottom:19px;} .sub_header .hd_sub_cate {width:100%; position:absolute; left:0; top:0; margin-left:0; padding:0 10px; box-sizing:border-box;} /* FAQ 버튼 */ .right_faq_btn {max-width:100%; top:calc(100% - 132px);} .right_faq_btn a {width:108px; right:15px;} #wrap.ngl .quick_scroll.sub_quick_scroll {display:none !important;} #mainBnrArea #bnrArea li img {margin:0 !important;} #wrap.ngl #newBook {width:100% !important;} #wrap.ngl #videoSlide .slide {height:auto;} #wrap.ngl #videoSlide .slide .bx-wrapper {width:77.5%; margin-top:33px;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport {overflow:hidden !important;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li {width:100%; margin-right:0;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents {width:100%;} #wrap.ngl #videoSlide .slide .bx-wrapper .bx-viewport ul li .contents .video {padding-bottom:56.25%;} #wrap.ngl #videoSlide .slide .control_btn {max-width:95%;} #wrap.ngl #videoSlide .slide .control_btn .video_btn {width:17px;} #wrap.ngl #videoSlide .slide .control_btn .video_prev_btn {left:0;} #wrap.ngl #videoSlide .slide .control_btn .video_next_btn {right:0;} #wrap.ngl #experiences .list {max-width:100%; margin-top:57px; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} #wrap.ngl #experiences .list ul {flex-direction:column;} #wrap.ngl #experiences .list ul li {width:100%; margin-top:120px;} #wrap.ngl #experiences .list ul li .contents .img {width:194px; margin-bottom:35px;} #wrap.ngl #experiences .list ul li .contents .btn a {width:192px; margin-left:24px; font-size:19px; line-height:48px; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px;} #wrap.ngl #experiences .list ul li:first-child {margin-top:0;} #wrap.ngl #sub_cont {padding:20px 0 45px;} #wrap.ngl #sub_cont .about_cont {padding:0 20px;} #wrap.ngl #sub_cont .about_cont .location_form ul.map_info li {width:86%; height:auto; line-height:35px; padding-bottom:8px; margin-bottom:8px;} #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 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 {padding:9px 0 9px 15px;} #wrap.ngl .select_box_custom {width:100%;} #wrap.ngl .select_box_custom dt {width:100%;background-position:97% 50%;} #wrap.ngl .select_box_custom dd {width:calc(100% + 20px);margin-left:-10px;border:1px #d3d3d3 solid; border-left:0;border-right:0;margin-top:10px;} #wrap.ngl .select_box_custom dd ul.select_step1 {padding-top:10px;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 {display:block;height:auto;border-top:0 none;font-size:0px;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:hover {border-top:0 none;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:nth-of-type(1) {height:auto;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 > a {width:calc(100% - 40px);display:inline-block;line-height:40px;} #wrap.ngl .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;} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 .select_step1_btn:after {content:'+';} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1 .select_step1_btn.on:after {content:'-';} #wrap.ngl .select_box_custom dd ul.select_step1 li.select_step1:hover > a {color:#666;background:none;} #wrap.ngl .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;} #wrap.ngl .select_box_custom dd li.select_step1 div.select_step2.on {display:block !important;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 {width:100%;background:none;} #wrap.ngl .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;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2 > a {word-break:break-word;} #wrap.ngl .select_box_custom dd div.select_step2 ul.select_step2 li.select_step2:hover > a {color:#666;background:none;} #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:-6px; 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:100%; margin:0 0 24px 0; padding:99px 0 25px; } #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:40px 0 0; } #wrap.ngl #sub_cont .online_cont .user_guide .w_1200 > ul li { width:29.7%; 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 88% center; text-indent:15px; font-size:13px; } #wrap.ngl #sub_cont .online_cont .video_cont .video_info ul li {width:100%;} #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 table.customer_tbl tr th {width:32%; padding-left:15px;} #wrap.ngl table.customer_tbl tr td input[type=text], #wrap.ngl table.customer_tbl tr td input[type=password] {width:92%;} #wrap.ngl table.customer_tbl tr td input.w_118 {width:26%;} #wrap.ngl table.customer_tbl tr td input.w_182 {width:41%;} #wrap.ngl table.customer_tbl tr td input.w_392 {width:calc(41% - 32px);} #wrap.ngl table.customer_tbl tr td input[type=text].w_100_90 {width:calc(92% - 95px);} #wrap.ngl #sub_cont .customer_cont .area_search div.search {width:95%; margin:0 10px;} #wrap.ngl table.board_tbl tr td.t_left {line-height:22px;} #wrap.ngl table.customer_tbl tr td em {display:block; margin:5px 0 0; padding:0;} #wrap.ngl #sub_cont .customer_cont .book_info {padding:10px 14px; margin:0 0 24px;} #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 td {height:24px; line-height:24px; text-indent:0; padding:0 5px;} #sub_cont .member_cont {padding:50px 15px; background-size:100% auto;} #wrap.ngl #sub_cont .member_cont .member_box {width:99%;} #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_order_list {width:calc(100% - 5%);} #wrap.ngl #sub_cont .member_cont .member_box .member_tab {width:95%;} } /* 이용약관 & 개인정보처리방침 css 시작 */ .promise_cont {} .promise_cont p {color:#000; font-size:13px; font-weight:500; line-height:20px;} .promise_cont dl {margin:0 0 60px;} .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 끝 */