body,input,select,textarea {font-family: 'Noto Sans CJK', sans-serif;} /* ALL STYLE */ #all {width:100%; min-width: 1400px; overflow:hidden; font-weight: 400;} .layout_wrap {clear:both; width:100%;} .layout_inner {width:1200px; margin:0 auto;} .userFullWidth {width:1200px;} .userCWidth {width:820px;} .userCWidth2 {width:1200px;} .width100 {width:100%;} /* 상단영역 */ #top_wrap {clear: both; height: 100px; text-align: center; background-color: #fff; position: relative; z-index: 99999; width: 100%; font-weight: 500;} #top_wrap * {background-repeat: no-repeat;} #top_wrap #wrap {width: 100%;} #top_wrap #wrap .inner {width: 1200px; margin: 0 auto; position: relative;} #top_wrap .wrap_line {} #top_btn {position: absolute; top: 28px; right: 240px;} #top_btn li {float:left; margin: 0 9px;} #top_btn li a {display: block; color: #8c8c8c; font-size: 13px; line-height: 15px; font-weight: 300;} #top_btn li a:hover {} #top_btn li a.admin {color: #fa0008;} #top_btn li.top_btn_line {} #top {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #top_wrap #wrap.jbFixed {position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 80px; background-color: #fff;} #top_wrap #wrap.jbFixed #top_logo {margin: 20px 0;} #top_wrap #wrap.jbFixed #top {height: 80px;} #top_wrap #wrap.jbFixed #top_menu {} #top_wrap #wrap.jbFixed #top_menu>ul {margin: 0; position: initial;} #top_wrap #wrap.jbFixed #top_menu>ul>li {} #top_wrap #wrap.jbFixed #top_menu>ul>li>a {height: 80px; line-height: 80px;} #top_wrap #wrap.jbFixed #top_menu .sub_menu {top: 80px;} #top_wrap #wrap.jbFixed #top_menu .sub_bg {top: 80px;} #top_wrap #wrap.jbFixed #search_on {margin: 20px -10px;} #top_wrap #wrap.jbFixed .top_search {top: 80px;} #top_logo {width: 170px; height: 44px; float: left; margin: 28px 0;} #top_logo a {float: left;} #top_menu {z-index: 990; height: 100px; position: relative; display: inline-block; margin-left: 28px;} #top_menu .layout_inner {position: relative;} #top_menu>ul>li {float: left; font-size: 18px; text-align: center; margin: 0; position: relative; font-weight: 500;} #top_menu>ul>li>a {color: #272727; float: left; line-height: 100px; height: 100px; position: relative; font-size: 18px; padding: 0 37px;} #top_menu>ul>li>a>span {position: relative;} #top_menu>ul>li>a>span>i {width: 100%; height: 2px; left: 0; bottom: -20px; position: absolute; z-index: 99999; transition: width .3s, left .3s; -webkit-transition: width .3s, left .3s; -moz-transition: width .3s, left .3s; -o-transition: width .3s, left .3s; } #top_menu>ul>li:hover a span {color: #E3AB54;} #top_menu>ul>li:hover i {background: #E3AB54;} #top_menu>ul>li.on a span {color: #E3AB54;} #top_menu>ul>li.on i {background: #E3AB54;} #top_menu .sub_menu {position: absolute; top: 100px; left: 0px; padding: 5px 0; width: 100%; z-index: 99; text-align: center; display: none;} #top_menu .sub_menu li {float: none; position: relative; z-index: 99;} #top_menu .sub_menu a {font-size: 15px; line-height: 18px; color: #313131; width: 100%; padding: 15px 0; display: inline-block; *display: inline; zoom: 1; z-index: 999999; text-align: left; text-indent: 37px; font-weight: 600;} #top_menu .sub_menu li a:hover {color: #E3AB54;} #top_menu .sub_bg {position: absolute; width: 1000%; background-color: #fff; z-index: -1; top: 100px; left: -500%; border-bottom: 1px solid #000; display: none;} #top_menu .sub_bg i {width: 1000%; height: 1px; background-color: #a2a2a2; position: absolute; top: 0; left: -80%;} #search_on {width: 23px; height: 23px; background: url(/images/share/search_btn.svg) no-repeat center/cover; cursor: pointer; float: right;} .top_search {float: left; width: 100%; height: 42px; padding: 80px 0; background: rgba(0,0,0,0.9); position: absolute; left: 0; top: 100px; overflow: hidden; display: none;} .top_search > div {position: relative;} .top_search .close {width: 35px; height: 35px; background: url(/images/share/close.png) no-repeat center; cursor: pointer; position: absolute; top: -50px; right: 0;} #tsearch {text-align: center;} #tsearch .searchBar {width: 500px; height: 42px; display: inline-block; background: transparent;} #tsearch .input_search {display: inline; float: left; width: 380px; height: 40px; margin: 0; border: 0 none; font-size: 12px; line-height: 40px; color: #fff; outline: none; ime-mode: active; padding: 0 10px; border-bottom: 2px solid #e3ab54; background: transparent;} #tsearch .btn_search {float: right; overflow: hidden; width: 90px; height: 42px; background: #E3AB54; cursor: pointer; padding: 0; margin: 0; color: #000; line-height: 40px; font-size: 14px; outline: none; font-weight: 600; border: 1px solid #E3AB54;} #tsearch .btn_search:hover {background: transparent; color: #fff; font-weight: 400;} /*메뉴 추가*/ .menu_btn{ float: right; width: 23px; height: 23px; cursor: pointer; background: url(/images/share/user_btn.svg) no-repeat center/cover; position: relative; z-index: 999;} .menu_btn ol{ display: none; background: #fff; position: absolute; width: 150px; padding: 4px 0; border-radius: 5px; top: 120%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); z-index: 100;} .menu_btn ol li{ padding: 3px 0;} .menu_btn ol li:last-child{ display: none;} .menu_btn.active ol{ display: block;} .lt-ie14 #top_menu .sub_menu a {font-family: 'Noto Sans CJK B';} .lt-ie14 #tsearch .btn_search {font-family: 'Noto Sans CJK B';} .lt-ie9 .top_search {-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000); zoom: 1;} .lt-ie9 #top_menu {display: inline; zoom: 1;} .lt-ie9 #search_on {display: inline; zoom: 1;} .lt-ie9 #indexVisual .visual_dir img {filter: alpha(opacity=100);} .lt-ie9 #indexVisual .visual_dir .on {filter: alpha(opacity=0);} .lt-ie9 #indexVisual .visual_dir:hover .off {filter: alpha(opacity=0);} .lt-ie9 #indexVisual .visual_dir:hover .on {filter: alpha(opacity=100);} .ie7 #top_menu {float: left; margin-left: 68px;} .ie7 #top_menu .sub_menu a {float: left; font-size: 14px;} .ie7 #indexVisual .visual_img .visual_wrap {width: 1210px;} /*헤더 콘텐츠 영역 */ #contain_wrap {} #contain {width: 1200px;} #containV {overflow:visible;} #left {clear:both; float:left; position: relative; z-index: 900;} #content {float:left; width: 1200px; margin-top: 44px; position: relative;} #pages {/*display: inline-block;*/ position: relative;} /* 비주얼 영역 */ /* 레프트 영역 & 서브타이틀 */ #LeftMenu {position: relative;} #LeftMenu .left_top {position: relative;} /* 다국어줄바꿈 */ /* #left_navi 메뉴 css goto!!! /css/style_left.css */ #subTitle {height: 126px; width: 100%; font-weight: 400; position: relative; z-index: 9; display: none;} #subTitle .sub_title {height: 126px; width: 100%; text-align: center; margin: 0 auto;} .sub_title .maps_title {line-height: 44px; height: 126px; vertical-align: middle; font-size: 32px; position: relative; color: #4d4d4d;} .sub_title .maps_title i {width: 40px; height: 2px; background: #444; position: absolute; left: 50%; margin-left: -20px; bottom: 57px} .sub_title .maps_navi {height: 24px; line-height: 24px; margin-top: 48px; letter-spacing: -1px; display: none;} .sub_title .maps_navi img {float: left; margin: 6px 3px;} .sub_title .maps_navi span {float: left; color: #6a6a6a; font-size: 14px;} .sub_title .maps_navi .first_navi {color: #acacac;} .sub_title .maps_navi .last_navi {} .sub_title .maps_navi .arrow {margin: 4px 9px;} /* #subTitle .maps_title2 {line-height:45px;height:45px;vertical-align:middle;position:absolute;top:50%; margin-top:-25px;font-size:17px;color:#0e2f55;font-family:malgun gothic;font-weight:bold;} */ #subTitle .maps_title2 {line-height:100px; vertical-align:top; font-size:30px; position: relative; color: #3c3b3b;} /* #content .stit {overflow: hidden; width: 100%; margin: 30px 0;} #content .stit p {font-size: 26px; color: #c2a88e; float: left; line-height: 26px;} #content .stit span {width: 100%; height: 2px; background: #c2a88e; display: block; margin-top: 2px;} */ /*카피라이터 영역 */ #sitemap_a {height:50px; background:#1c2335; margin-top:60px;} #sitemap_a ul {height:50px;} #sitemap_a ul li {display:block; float:left;} #sitemap_b {background:#3b4766;padding-bottom:17px;} #sitemap_b ul {float:left; margin-top:17px;} #sitemap_b ul li {text-indent:11px; line-height:25px; background:url(/images_kr/share/sitemap_dot.gif) 0 9px no-repeat;} #sitemap_b a {color:#878fa4;} .sitemap01 {width:160px;} .sitemap02 {width:217px;} .sitemap03 {width:157px;} .sitemap04 {width:212px;} .sitemap05 {width:127px;} .sitemap06 {width:127px;} #rolling_area {height:100px; background:url(/images_kr/share/rolling_bg.png) 0 0 repeat-x; margin-top:40px;} #DB_banner10 {position:relative;width:960px; margin-left:20px;} #DB_banner10 .DB_mask{height:90px;line-height:90px;width:960px;;position:relative;overflow:hidden;} #DB_banner10 ul{white-space:nowrap;font-size:0; margin-top:10px;} #DB_banner10 ul li{display:inline;} #DB_banner10 ul li a{padding:0px 10px} #DB_banner10 ul li a img{vertical-align:middle;} #DB_banner10 .DB_prev{position:absolute;top:40px;left:-20px} #DB_banner10 .DB_next{position:absolute;top:40px;right:-20px} #bottom_wrap {clear: both; float: left; background-color: #fff; margin-top: 50px; padding-bottom: 50px;} #bottom_wrap .bottom_menu {height: 60px; text-align: center; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fbfbfb;} #bottom_wrap .bottom_menu ul {float: left; height: 60px; margin: 0 -19px;} #bottom_wrap .bottom_menu li {float: left; margin: 9px 9px;} #bottom_wrap .bottom_menu li a {float: left; padding: 5px; line-height: 33px; color: #656565; font-size: 13px;} #bottom_wrap .bottom_menu .bold a {color: #2c2c2c;} #bottom_wrap .bottom_menu .bold span {width: 100%; height: 1px; background: #3d3d3d; display: block; margin-top: -5px;} #bottom_wrap .bottom_menu .bottom_bn {float: right; margin-right: -4px;} #bottom_wrap .bottom_menu .bottom_bn div {float: left; margin: 4px;} #bottom_wrap .bottom_menu .bottom_bn a {float: left; width: 142px; height: 33px; padding: 10px;} #bottom_wrap .bottom_menu .bottom_bn .bn01 {background: url(/images/share/bottom_bn01.png) no-repeat center;} #bottom_wrap .bottom_menu .bottom_bn .bn02 {background: url(/images/share/bottom_bn02.png) no-repeat center;} #bottom_wrap #bottom {margin-top: 30px; overflow: hidden; font-weight: 300;} #bottom_wrap .bottom_cs {float: left; margin-top: 7px;} #bottom_wrap .bottom_cs .cstit {font-size: 15px; color: #4d4d4d; font-weight: 500;} #bottom_wrap .bottom_cs .tel {color: #4d4d4d; font-size: 32px; font-weight: 600;} #bottom_wrap .bottom_cs .mail {margin-bottom: 5px; color: #2a2a2a;} #bottom_wrap .bottom_cs p {color: #656565; font-size: 13px; line-height: 23px;} #bottom_wrap .bottom_info {float: left; margin-left: 73px;} #bottom_wrap .bottom_info .bold {color: #323232; font-size: 15px; font-weight: 500; margin: 7px 0 15px 0;} #bottom_wrap .bottom_info p {margin-left: -11px;} #bottom_wrap .bottom_info span {margin: 0 11px; font-size: 14px; line-height: 28px; color: #656565;} #bottom_wrap p.copyright {margin: 0; margin-top: 10px; font-size: 12px; line-height: 17px; color: #8d8d8d; /*text-transform: uppercase;*/ letter-spacing: 0.7px;} /*인덱스 영역 */ #indexWrap {clear:both; margin-bottom: -50px; overflow: hidden;} #mainVisual_Wrap {width:100%;height:680px;margin:0 auto; overflow:hidden;clear:both;} #mainVisual {height:680px;margin:0 auto;} #mainVisual .mainVisual_a {margin-left:-399px;position:relative;width:2000px;height:680px; overflow: hidden;} #mainVisual .visual_img {position:relative;} #mainVisual .visual_img li {position:absolute;width:2000px;} #mainVisual .visual_img span {position: absolute; z-index: 99;} #mainVisual .visual_img i {position: absolute; z-index: 2; width: 60px; height: 2px; background: #fff; top: 390px; right: 405px;} #mainVisual .visual_img img {position: relative; z-index: 1;} #mainVisual #visual_menu {position: absolute; bottom: 35px; z-index: 99; width: 100%; text-align: center;} #mainVisual .visual_menu {display: inline-block; *display: inline; zoom: 1;} #mainVisual .visual_menu li {width: 17px; height: 17px; margin: 0 10px; background: url(/images/index/dot_off.png) no-repeat center; float: left; cursor: pointer; opacity: .8; filter: alpha(opacity=80); transition: background .3s, width .3s; -webkit-transition: background .3s, width .3s; -moz-transition: background .3s, width .3s; -o-transition: background .3s, width .3s; } #mainVisual .visual_menu li.DB_select {width: 17px; height: 17px; background: url(/images/index/dot_on.png) no-repeat center; opacity: 1; filter: alpha(opacity=100);} #indexVisual_Wrap {width: 100%; margin: 70px auto; overflow: hidden; clear: both;} #indexVisual {margin: 0 auto;} #indexVisual #indexVisual_a {margin-left: 0; position: relative; width: 1200px; height: 440px; margin: 20px 0;} #indexVisual .visual_img {position: relative; width: 1200px; height: 440px; overflow: hidden;} #indexVisual .visual_img li {position: absolute; width: 1200px; height: 440px;} #indexVisual .visual_img .visual_wrap {margin: -5px;} #indexVisual .visual_img .images {float: left; margin: 5px;} #indexVisual .visual_img .images a {float: left;} #indexVisual .visual_img .images.img01 {width:670px;height:440px;} #indexVisual .visual_img .images.img02 {width:520px;height:210px;} #indexVisual .visual_img .images.img03 {width:255px;height:220px;} #indexVisual .visual_img .images.img04 {width:255px;height:220px;} #indexVisual .visual_img img {position: relative; z-index: 1;} #indexVisual .visual_dir {position: absolute; top: 190px; width: 41px; height: 51px; cursor: pointer;} #indexVisual .visual_dir img {position: absolute; top: 0; left: 0; opacity: 1; transition: opacity .1s; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -o-transition: opacity .1s; } #indexVisual .visual_dir .on {opacity: 0;} #indexVisual .visual_prev {left: -80px;} #indexVisual .visual_next {right: -80px;} #indexVisual .visual_dir:hover .off {opacity: 0;} #indexVisual .visual_dir:hover .on {opacity: 1;} #indexVisual #visual_menu {position: absolute; bottom: -20px; z-index: 99; width: 100%; text-align: center;} #indexVisual .visual_menu {display: inline-block; *display: inline; zoom: 1;} #indexVisual .visual_menu li {width: 40px; height: 3px; margin: 0 5px; background: #555; float: left; cursor: pointer; transition: background .3s, width .3s; -webkit-transition: background .3s, width .3s; -moz-transition: background .3s, width .3s; -o-transition: background .3s, width .3s; } #indexVisual .visual_menu li.DB_select {background: #F4BA3C;} #mainMenu {position: relative; top: -400px; left: 0; font-weight: 400; text-align: left; width: 210px; z-index: 9999; zoom: 1;} #mainMenu.on {width: 1200px;} #mainMenu .all_menu {width: 210px; height: 360px; background-color: rgba(78,70,70,0.8); padding: 20px 0; z-index: 9999; zoom: 1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC4E4646,endColorstr=#CC4E4646); /*ie rgba 적용*/} #mainMenu .all_menu li {font-size: 17px; line-height: 21px;} #mainMenu .all_menu a {color: #fff; width: 150px; padding: 10px 30px; display: block; transition: background-color .2s; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; } /* #mainMenu .all_menu a:hover {background-color: #92c741;} */ #mainMenu .all_menu .on a {background-color:#92c741;} #mainMenu .sub_menu {position: absolute; top: 0; left: 210px; width: 989px; min-height: 398px; overflow: hidden; background: linear-gradient(to right, #fff 212px, #f6f6f6 0px); border: 1px solid #c9c9c9; border-left: none; display: none; z-index: 9999; zoom: 1; opacity: 0; filter: alpha(opacity=0); transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; *background-image: url(/images_kr/index/menu_bg.jpg); background-position: 0; background-repeat: repeat-y; background-size: 989px; } #mainMenu .sub_menu .s_wrap {position: absolute; top: 0; left: 0; background-color: #f6f6f6; zoom: 1; z-index: 9999; opacity: 0; filter: alpha(opacity=0); transition: opacity .2s; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s;} #mainMenu .sub_menu .s_wrap tr {border-bottom: 1px solid #dcdcdc;} #mainMenu .sub_menu .s_wrap .list {background-color: #fff; font-size: 16px; line-height: 20px; font-weight: 500; z-index: 9999;} #mainMenu .sub_menu .s_wrap .list a {color: #4c4c4c; width: 170px; padding: 20px; float: left; position: relative;} #mainMenu .sub_menu .s_wrap .list span {width: 150px; float: left;} #mainMenu .sub_menu .s_wrap .list em {width: 5px; height: 9px; position: absolute; top: 50%; right: 20px; margin-top: -4px; background-image: url(/images_kr/index/sub_menu.png); background-size: 5px; background-repeat: no-repeat; background-position: 0;} #mainMenu .sub_menu .s_wrap .l_wrap {padding: 15px; overflow: hidden; z-index: 9999;} #mainMenu .sub_menu .s_wrap .l_wrap li {float: left; font-size: 14px; font-weight: 400; padding: 5px 10px; position: relative; *float: none; *display: inline; zoom: 1;} #mainMenu .sub_menu .s_wrap .l_wrap li:after {content: ""; width: 1px; height: 14px; background-color: #b5b5b5; display: block; position: absolute; right: 0; top: 9px;} #mainMenu .sub_menu .s_wrap .l_wrap li:last-child:after {display: none;} #mainMenu .sub_menu .s_wrap .l_wrap a {color: #4c4c4c;} #mainMenu .sub_menu .s_wrap .l_wrap a:hover {text-decoration: underline;} #mainMenu .sub_menu.on {opacity: 1; filter: alpha(opacity=100); display: block;} #mainMenu .s_wrap.on {opacity: 1; filter: alpha(opacity=100);} /*기타*/ #subVisuals {width: 100%; overflow: hidden; height: 280px;} #subVisualWrap {position:relative; width: 1200px; height: 280px; margin: 0 auto;} #subVisualWrapD2 {width: 100%; height: 280px; overflow: hidden; margin: 0 auto;} #subVisualWrapD1 {clear: both; z-index: 105; width: 2000px; height: 280px; overflow: hidden; margin-left: -400px;} #subVisuals li {width: 2000px; height: 280px; background-repeat: no-repeat; background-size: 100%;} #subVisuals p {position: absolute; z-index: 9; color: #fff;} #subVisuals .v01 p {position: absolute; z-index: 10; color: #fff; text-align: right; right: 400px;} #subVisuals .v01 .p01 {font-size: 40px; line-height: 44px; font-weight: 500; top: 60px;} #subVisuals .v01 .p02 {font-size: 15px; line-height: 24px; font-weight: 300; letter-spacing: -0.4px; top: 120px;} .csul {background:url(/upload/category/cate110_bg.gif) 0 0 repeat-x;} /*#pages .map {border:1px solid #cccccc; width:818px; height: 498px;}*/ .titleLine {height:35px;} .titleLine .navi {margin-top:10px; font-size:8pt; color:#a5c0c8;} .titleLine .navi a {color:#a5c0c8;} .titleLine .navi a:hover {color:#508c9e;} /* COMMON */ #login {overflow:hidden;} #login .login_bg {border:0px none; background:url(/images_kr/login/input_bg.png) 0 0 no-repeat; line-height:30px; height:30px; padding:0px 12px; width:337px;} #login {width:600px; padding-bottom:30px; margin:0px auto; margin-top:20px; overflow:hidden;} #login .underline {border-bottom:1px solid #e7e7e9; text-align:center; padding:40px 0px;} #login .in_area {width:600px; } #login .login_left {margin-top:38px; margin-left:0px;} #login .login_left .types {height:30px; line-height:30px;} #login .login_left .types label {margin-left:8px;} #login .login_left .types label span {margin-left:3px;} #login .login_left .types label:first-child {margin-left:0px;} #login .login_area {margin-top:15px;} #login .login_area span.input {display:block;padding-right:14px; background:url(/images_kr/login/input_bg_right.png) right 0 no-repeat; width:420px;} #login .login_area span.input input {border:0px none;} #login .login_area span.typespan {display:block;} #login .login_area .cleft {margin-top:3px;} #login .login_right { margin-top:38px; margin-right:50px;} #login .login_btn {margin-top:30px !important; width:100%; text-align:center;} #login .login_btn ul {margin-left:70px;} #login .login_btn li {float:left; margin-left:15px;} #login .login_btn li:first-child {float:left; margin-left:0px;} #login .login_alert {font-size:11px; margin-top:20px; background-color:#f9f9f9; border:1px solid #cdcdcd; padding:20px;} #login .login_alert li {line-height:16px;} /* 팝업관련 */ #pop_all {width:100%;} #pop_all .top {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_top_bg.jpg) 0 0 repeat-x;} #pop_all .bottom {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #pop_all .bottom .info {clear:both;float:left;} #pop_all .bottom .btn_area {float:right;} #popAll1 {width:100%;} #popAll1 .top {clear:both;width:100%; background:url(/images_kr/admin/pop/popAll1_bg.gif) 0 0 repeat-x;} #popAll1 .bottom {clear:both;width:100%; background:url(/images_kr/admin/pop/pop_bottom_bg.gif) 0 0 repeat-x; height:60px;} #popAll1 .bottom .info {clear:both;float:left;} #popAll1 .bottom .btn_area {float:right;} /* 공통영역 */ .input_chk {vertical-align:middle; margin:0px 0px 2px 0px;} .input_chk2 {vertical-align:middle; margin:0px 0px 0px 0px; padding:0px;width:13px; height:13px;} .input_chk3 {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .input_radio {vertical-align:middle; margin:0px 0px 3px 0px; padding:0px;width:13px; height:13px;} .notBor {border:0px none !important;} /* 카테고리 */ .category_left {float:left;} .category_right {float:right;} .categoryTable th, .categoryTable td {border:1px solid #cfcfcf;padding:4px 0px;} .categoryTable th {background-color:#f4f4f4;} .categoryTable li {float:left; padding:8px 14px;} .cateList td {text-align:center;} .cateList td .bors1 {border:2px solid #e5e5e5; width:200px;} .cateList td.cateComment {padding-top:4px;} .cateList td.cateSubject {padding:6px 0px;font-weight:bold; color:#000;} .cateList td.catePrice {color:#ccc;} .cateList td.cateCustomer {font-weight:bold; color:#f09d1a;} .cateList td.cateIcon {padding:4px 0px;} .SubCate {clear:both;float:left; width:768px; border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;} .SubCate .parentCateTd {text-align:center; font-weight:bold; font-size:13pt;} .SubCate .subCateTd {text-align:center; font-weight:bold; font-size:11pt;} /* 인덱스 */ /* Member_join Style */ .notData {padding:30px 0px; text-align:center;} .inLiImg li img {display:block;} #counsel {margin-top:25px;} #counsel th {border:1px solid #ccc; height:32px; background-color:#eee;} #counsel td {border:1px solid #ccc; padding:4px 0px; padding-left:7px;} #counsel .input_text {border:1px solid #ccc; padding:2px;} #counsel .input_area {border:1px solid #ccc; padding:2px;} #counsel .submitArea {padding:20px 0px; text-align:center;} #pages .agree_box {clear:both; width:778px;border:1px solid #9e9e9e;margin-top:5px;background:#e0e0e0;} #pages .agree_content1 {width:762px; height:550px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;} #pages .agree_content2 {width:330px;height:550px; margin:2px;border:1px solid #c7c7c7;overflow-y:scroll;background:#fff;padding:5px;} /*오시는길*/ #pages #map_canvas {width: 100%; height: 600px;} #pages .add {width: 100%; height: 100px; position: absolute; bottom: 0; *left: 0; background: rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff); z-index: 999;} #pages .add i {width: 100%; height: 3px; background-color: #2a2a2a; position: absolute; bottom: 97px; right: 0px;} #pages .add p {color: #2a2a2a; font-size: 25px; line-height: 70px; text-align: right; margin-top: 15px; margin-right: 30px;} /*준비중 페이지*/ .ready {width: 100%; height: 100%; min-height: 500px; text-align: center; font-weight: 400; overflow: hidden; position: relative;} .ready .img {width: 100%; height: 100%; background: url(/images/content/ready.png) no-repeat center 0; position: absolute; top: 0; left: 0; z-index: 0;} .ready .color {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #aaa; z-index: -1;} .ready .tit {margin-top: 265px; position: relative; z-index: 2;} .ready .tit p {font-size: 45px; line-height: 50px; color: #696b6c;} .ready .tit span {font-weight: 600; font-size: 48px; color: #555; margin: 0 5px;} .ready .stit {font-size: 18px; line-height: 24px; color: #959595; margin-top: 25px; position: relative; z-index: 2;} #pages .con.com03 .wrap_controllers {display: none;} #pages .con.com03 .root_daum_roughmap_landing {margin-top: 40px;} /*floating2*/ #floating2 {width: 100px; overflow: hidden; text-align: center;} #floating2 .tit {width: 100%; height: 60px; background-color: #f19913;} #floating2 .tit p {color: #fff; font-size: 16px; font-weight: 500; line-height: 60px; letter-spacing: -1px;} #floating2 .con {background-color: #f9f9f9; border: 1px solid #dcdcdc; overflow: hidden;} #floating2 p {letter-spacing: -0.3px;} #floating2 ul {margin: 11px 0; width: 98px; display: block;} #floating2 li {margin: 6px 0; display: inline-block; *display: inline; zoom: 1;} #floating2 a {width: 80 px; float: left; cursor: pointer;} #floating2 i {width: 51px; height: 50px; display: block; background-image: url(/images_kr/share/quick_sns.png); background-size: 51px; margin: 3px auto;} #floating2 .li01 i {background-position: 0 0;} #floating2 .li02 i {background-position: 0 -80px;} #floating2 .li03 i {background-position: 0 -160px;} #floating2 .li04 i {background-position: 0 -248px;} #floating2 .li05 i {background-position: 0 -336px;} #floating2 li p {color: #6d6d6d; font-size: 13px; line-height: 15px; font-weight: 500;} #floating2 .li01:hover p {color: #2cb400;} #floating2 .li02:hover p {color: #ad40b4;} #floating2 .li03:hover p {color: #3a5897;} #floating2 .li04:hover p {color: #fac500;} #floating2 .li05:hover p {color: #000;} .layout_inner .tit {color: #272727; font-size: 30px; text-align: center; display: inline-block; width: 100%;} .layout_inner .tit b {font-weight: 600;} .layout_inner .tit i {width: 17px; height: 17px; background: url(/images/index/tit_line.png) no-repeat center; display: block; margin: 10px auto;} .lt-ie14 .layout_inner .tit b {font-family: 'Noto Sans CJK B';} #index_txt {height: 320px; position: relative; float: left; overflow: hidden; text-align: center;} #index_txt .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/index/index_bn_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;} #index_txt .tit {margin-top: 82px; color: #fff; font-size: 39px; letter-spacing: 3.9px;} #index_txt .txt p {color: #fff; opacity: 0.7; font-size: 16px; line-height: 28px;} #index_txt .txt .p01 {margin-top: 40px;} #index_txt .txt .p02 {} .lt-ie9 #index_txt .txt p {filter: alpha(opacity=70);} #goods_wrap .tit {color: #272727; font-size: 30px; text-align: center; display: inline-block; width: 100%; margin-top: 30px;} #goods_wrap .tit i {width: 17px; height: 17px; background: url(/images/index/tit_line.png) no-repeat center; display: block; margin: 10px auto;} #goods_wrap .tit span {color: #5c5c5c; font-size: 16px; font-weight: 600; letter-spacing: 3.2px;} #goods {padding: 50px 0;} #goods .tit {margin-top: 20px;} #goods .goods_wrap {margin: 0 -13px; margin-top: 20px; width: 1226px; overflow: hidden;} #goods .goodsArea {margin: 0 13px; width: 280px; float: left;} #goods .goodsArea a {cursor: pointer;} #goods .goodsArea .img {width: 278px; height: 278px; overflow: hidden; position:relative; border: 1px solid #e9e9e9;} #goods .goodsArea .img > img {position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;} #goods .goodsArea .txt {width: 100%; height: 90px; overflow: hidden; font-weight: 500;} #goods .goodsArea .txt p {color: #282828; font-size: 17px; line-height: 50px; text-align: left;} #goods .goodsArea .txt span {font-size: 17px; margin-right: 2px;} #goods .goodsArea .txt .p01 {color:#383838; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-bottom: 1px solid #f0f0f0;} #goods .goodsArea .txt .p02 {color:#ef3300; font-size: 14px;} #goods.index .goods_wrap {margin: 0 -45px; margin-top: 20px; width: 1290px; overflow: hidden;} #goods.index .goodsArea {margin: 0 45px; width: 340px; float: left;} #goods.index .goodsArea .img {width: 340px; height: 240px; overflow: hidden; position: relative; border: none;} #goods.index .goodsArea .txt p {text-align: center;} #goods.index .goodsArea .txt .p01 {border: none;} #shopN .shop_goods .goodsArea {margin: 0 13px; width: 280px; float: left;} #pages #goods {padding: 0;} #pages #goods_wrap {margin-top: 10px;} #pages #goods .goods_wrap {margin: 20px -13px; overflow: hidden;float: left;} #pages #goods .goodsArea {margin: 0 13px; width: 280px; float: left;} #pages #goods .goodsArea a {cursor: pointer;} #pages #goods .goodsArea .img {width: 278px; height: 278px; overflow: hidden; position:relative; border: 1px solid #e9e9e9;} #pages #goods .goodsArea .img > img {position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;} #pages #goods .goodsArea .txt {width: 100%; height: 90px; overflow: hidden; font-weight: 500;} #pages #goods .goodsArea .txt p {color: #282828; font-size: 17px; line-height: 50px; text-align: left;} #pages #goods .goodsArea .txt span {font-size: 17px; margin-right: 2px;} #pages #goods .goodsArea .txt .p01 {color:#383838; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; border-bottom: 1px solid #f0f0f0;} #pages #goods .goodsArea .txt .p02 {color:#ef3300; font-size: 14px;} #index_bn {background: #272727; overflow: hidden; padding: 70px 0;} #index_bn .tit {color: #fff;} #index_bn .index_bn {margin: 10px -10px; width: 1220px; text-align: center; overflow: hidden;} #index_bn .bn {float: left; margin: 10px;} #index_bn .bn03 {margin: 10px 13px 10px 12px;} #index_insta {padding: 70px 0;overflow: hidden;} #index_insta .tit {font-weight: 600; position: relative; margin: 10px 0; margin-left: 30px} #index_insta .tit span {width: 38px; height: 38px; background: url(/images/index/index_insta.png) no-repeat center; position: absolute; margin-left: -140px; margin-top: 5px;} .index_insta ul {width: 1212px; margin: 12px -6px;} .index_insta li {float: left; margin: 6px;} .index_insta li a {float: left;} .lt-ie14 #index_insta {text-align: center;} .lt-ie14 #index_insta .tit {width: 180px;} .lt-ie14 #index_insta .tit span {margin-left: -50px;} .ie7 #index_insta .tit {display: inline; zoom: 1;} .ie7 #index_insta .tit span {margin-left: -140px;} /*COMPANY*/ #company {position: relative; width: 100%; overflow: hidden; display: inline; zoom: 1;} .c01 {text-align: center; color: #6a6a6a; font-size: 16px; line-height: 34px;} .c01 .con {position: relative; background: #fff9f9; padding-bottom: 220px; margin-bottom: 340px; display: block;} .c01 .tit {color: #343233; font-size: 32px; line-height: 48px; padding-top: 50px;} .c01 .con>.txt {margin-top: 30px; padding: 0 310px; word-wrap: break-word; word-break: keep-all;} .c01 s {color: #c41919; text-decoration: none;} .c01 ul {display: inline-block; *display: inline; zoom: 1; margin: 60px 0;} .c01 li {float: left; margin: 0 -7px; width: 252px; height: 252px; background: no-repeat center;} .c01 .li01 {background-image: url(/images/content/com01_01.png);} .c01 .li02 {background-image: url(/images/content/com01_02.png);} .c01 .li03 {background-image: url(/images/content/com01_03.png);} .c01 li em {width: 51px; height: 50px; display: inline-block; *display: inline; zoom: 1; margin-top: 86px; background: no-repeat center;} .c01 .li01 em {background-image: url(/images/content/com01_01_1.png);} .c01 .li02 em {background-image: url(/images/content/com01_02_1.png);} .c01 .li03 em {background-image: url(/images/content/com01_03_1.png);} .c01 li p {color: #474747; font-size: 24px; margin-top: 20px;} .c01 .box {padding: 40px 70px; border: 1px solid #e9e7e7; background: #fff; width: 900px; height: 400px; position: absolute; bottom: -290px; left: 80px;} .c01 .box s {font-size: 22px;} .c01 .box p {margin: 20px 0; float: left; width: 100%; word-wrap: break-word; word-break: keep-all;} .c01 .txt.t01 {padding: 0 190px; width: auto;} .c01 .box .right {text-align: right;} .c01 .box .right span {display: block;} .c01 .box .right .s02 {color: #4a4a4a;} .c02 {text-align: center; color: #6a6a6a; font-size: 16px; line-height: 34px;} .c02 .con {padding-bottom: 118px; width: 100%; float: left;} .c02 .tit {color: #343233; font-size: 32px; line-height: 36px; font-weight: 300; position: relative; padding-bottom: 28px; margin-top: 20px; margin-bottom: 40px;} .c02 .tit i {width: 60px; height: 2px; background: #5f5f5f; position: absolute; bottom: 0; left: 50%; margin-left: -30px;} .c02 .circle {margin: 10px 0; width: 100%; float: left;} .c02 .circle ul {display: inline-block; *display: inline; zoom: 1;} .c02 .circle li {float: left; width: 190px; height: 190px; border-radius: 190px; position: relative; margin: 0 -15px;} .c02 .circle em {width: 72px; height: 72px; display: inline-block; *display: inline; zoom: 1; background: no-repeat center; margin-top: 38px;} .c02 .circle p {color: #fff; font-size: 18px; line-height: 22px; margin-top: 14px;} .c02 .circle .li01 {background: rgba(242,141,23,0.9);} .c02 .circle .li02 {background: rgba(236,67,21,0.9);} .c02 .circle .li03 {background: rgba(202,15,15,0.9);} .c02 .circle .li04 {background: rgba(236,67,21,0.9);} .c02 .circle .li05 {background: rgba(242,141,23,0.9);} .c02 .circle .li01 em {background-image: url(/images/content/com02_01.png);} .c02 .circle .li02 em {background-image: url(/images/content/com02_02.png);} .c02 .circle .li03 em {background-image: url(/images/content/com02_03.png);} .c02 .circle .li04 em {background-image: url(/images/content/com02_04.png);} .c02 .circle .li05 em {background-image: url(/images/content/com02_05.png);} .c02 .list {padding: 45px 50px; background: #f8f7f7; width: 1020px; margin: 0 auto; margin-top: 20px; display: inline-block; *display: inline; zoom: 1;} .c02 span {color: #fff; font-size: 28px; line-height: 31px; background: #cd2121; margin: 5px 5px 0 5px; padding: 0 5px; display: inline-block; *display: inline; zoom: 1;} /*ie7~8*/ .c02 .circle .li01 {background: url(/images/content/com02_01_bg.png)\9;} .c02 .circle .li02 {background: url(/images/content/com02_02_bg.png)\9;} .c02 .circle .li03 {background: url(/images/content/com02_03_bg.png)\9;} .c02 .circle .li04 {background: url(/images/content/com02_02_bg.png)\9;} .c02 .circle .li05 {background: url(/images/content/com02_01_bg.png)\9;} .c03 {text-align: center; color: #4b4b4b; font-size: 17px; line-height: 35px;} .c03 * {background: no-repeat center;} .c03 .con {position: relative; overflow: hidden; margin-top: 10px;} .c03 .con>em {background-image: url(/images/content/com03_01.jpg); position: absolute; top: -10px; left: 0; width: 100%; height: 100%; z-index: -1; background-repeat: top center;} .c03 .con i {background: #e1e1e1; position: absolute; width: 1px; height: 100%; bottom: 30px; left: 120px; z-index: -1;} .c03 .con .i01 {height: 222px; top: 0; left: 600px;} .c03 .con .i02 {width: 901px; height: 1px; top: 222px; left: 150px;} .c03 div.tit {width: 190px; height: 190px; display: inline-block; *display: inline; zoom: 1; margin-bottom: 62px;} .c03 div.tit table {width: 190px; height: 190px;} .c03 div.tit td {background-image: url(/images/content/com03_02.png); padding: 25px; color: #fff; font-size: 22px;} .c03 div.tit td span {color: #adbee4; font-size: 13px; display: block;} .c03 .list li {float: left; margin: 0 30px; position: relative;} .c03 .list table {width: 240px;} .c03 .list .tit td {background-image: url(/images/content/com03_03.png); position: relative; color: #fff;} .c03 .list .tit td em {width: 12px; height: 12px; background-image: url(/images/content/com03_05.png); position: absolute; left: 114px; top: 9px;} .c03 .list td {width: 240px; height: 54px; padding: 15px 20px; color: #4b4b4b; font-size: 17px; background-image: url(/images/content/com03_04.png);} /*BRAND*/ #brand {position: relative; width: 100%; font-size: 14px; line-height: 22px; overflow: hidden;} #brand em {font-style: normal;} #brand * {word-break: keep-all; word-wrap: break-word;} /*ACADEMY*/ #academy {position: relative; width: 100%; font-size: 16px; line-height: 26px; overflow: hidden;} #academy .con {margin: 20px 0; float: left; width: 100%;} #academy .con .tab {display: none;} #academy .con .tit {display: block; text-align: left; font-size: 20px; line-height: 30px; float: left; font-weight: 600; margin-bottom: 10px;} #academy .con .txt {text-align: center;} #academy .con .txt p {text-align: left;} #academy .con .txt ul {margin: 40px auto; display: inline-block;} #academy .con .txt li {float: left; width: 150px; height: 150px; border: 1px solid #ddd; border-top-color: #E3AB54; border-top-width: 3px; border-radius: 150px; margin: 10px; overflow: hidden; box-shadow: 1px 0 5px 0 rgba(0,0,0,0.08), 0 1px 5px 0 rgba(0,0,0,0.1);} #academy .con .txt li div {padding: 20px; color: #E3AB54; font-weight: 600;} #academy .con .txt li p {text-align: center; word-wrap: break-word; word-break: keep-all; padding: 0 20px; font-weight: 500;} #academy .con .con02 {margin: 0 20px; float: left;} #academy .con .con02 .inner {width: 100%; overflow: hidden; float: left;margin-bottom: 20px;} #academy .con .con02 .stit {color: #2a2a2a; font-weight: 600; margin: 10px 0;} #academy .con .con02 .stit u {text-decoration: none; width: 18px; height: 18px; float: left;line-height: 17px; text-align: center; border-radius: 20px; font-size: 14px; margin: 5px 8px; margin-left: 0; margin-bottom: 0; background: #2a2a2a; color: #fff; font-weight: 500;} #academy .con .con02 .stxt {margin: 0 23px;} #academy .con .con02 .stxt p {color: #2a2a2a;} #academy .con .con02 .stxt ul {float: left; width: 500px; margin: 10px 0} #academy .con .con02 .stxt li {background: #f5f5f5; margin: 5px 0; width: 500px; padding: 5px 10px; float: left; color: #2e2e2e;} #academy .wrap {position: relative; overflow: hidden;height: 100%; width: 100%; margin: 10px 0; float: left;} #academy .wrap .line {position: absolute; width: 100%; height: 100%;} #academy .wrap .line i {position: absolute; background: #777; width: 100%; height: 100%; z-index: 999;} #academy .wrap .line .i01 {top: 0; left: 0; height: 1px;} #academy .wrap .line .i02 {top: 0; left: 0; width: 1px;} #academy .wrap .line .i03 {top: 0; right: 0; width: 1px;} #academy .wrap .line .i04 {bottom: 0; right: 0;height: 1px;} #academy table {width: 100%; float: left; table-layout: fixed;} #academy table td {text-align: center; border: 1px solid #ddd; width: 20%; word-break: keep-all; word-wrap: break-word; padding: 10px; z-index: 9999; position: relative;} #academy table td span {color: #999; display: block; font-weight: 300; font-size: 14px;} #academy table td.top {height: 30px; background: #b2b2b2; color: #fff; border-color: #999; font-weight: 500;} #academy table td.top.left {color: #fff; font-size: 16px;} #academy table td.left {width: 10%; color: rgba(0,0,0,0.7);} #academy table td.left b {font-size: 50px; font-weight: 400; color: rgba(0,0,0,0.8); display: block; line-height: 50px;} #academy .tb01 td {height: 63px;} #academy .tb01 td.le01 {background: #ebeee7; border-color: #d9ded1; border-bottom: none;} #academy .tb01 td.le02 {background: #dee5d1; border-color: #c1ceab; border-bottom: none;} #academy .tb01 td.le03 {background: #d3ddc2; border-color: #afc094; border-bottom: none;} #academy .tb01 td.le04 {background: #c4d4ad; border-color: #97b075;} #academy .tb02 td {width: 27%;} #academy .tb02 td.left {font-size: 30px;} #academy .tb02 td.le01 {background: #efece7; border-color: #e0dad1; border-bottom: none;} #academy .tb02 td.le02 {background: #e6ded3; border-color: #cfc1af; border-bottom: none;} #academy .tb02 td.le03 {background: #ded2c2; border-color: #c1ad94; border-bottom: none;} #academy .tb02 td.le04 {background: #d4c4ad; border-color: #b09775;} #academy .tb03 td.le01 {background: #e7eaef; border-color: #d1d7e0; border-bottom: none;} #academy .tb03 td.le02 {background: #d2dce6; border-color: #adbecf;} #academy .tb04 td {height: 96px;} #academy .tb04 td.top.left {width: 2.5%;} #academy .tb04 td.left {font-size: 30px;} #academy .tb04 td.le01 {background: #eee4e5; border-color: #deccce; border-bottom: none;} #academy .tb04 td.le02 {background: #e7d5d5; border-color: #d1b2b2; border-bottom: none;} #academy .tb04 td.le03 {background: #dfc7c7; border-color: #c39b9b; border-bottom: none;} #academy .tb04 td.le04 {background: #d7babc; border-color: #b5888b;} #academy .tb04 td dl {text-align: left; margin-left: 30px;} #academy .tb04 td dt {font-weight: 500; color: #2e2e2e; margin-bottom: 5px;} #academy .tb04 td dd {font-size: 15px; font-weight: 300; color: #999;} #academy .con02.img {border: 1px solid #777; width: 1198px; margin: 10px 0; overflow: hidden;} #academy .con02 .img {float: left; border: 1px solid #fff;margin: -1px;} #academy .con02 .im02 {width: 599px;} #academy .con02 .im03 {width: 599px;} .ie18 #academy table {width: 1180px; border-collapse: collapse; background-clip: padding-box;} .is-ie #academy table td {z-index: 9; border-collapse: collapse; position: inherit;} /*BUSINESS*/ #business {width: 100%; font-size: 15px; line-height: 150%; position: relative;} #business em {font-style: normal;} #business * {word-break: keep-all; word-wrap: break-word;} #business .tit {color: #2e2e2e; line-height: 200%; margin-bottom: 10px;} #business .tit p {display: inline-block; border-bottom: 2px solid #2e2e2e;} #business .con {padding: 20px 0;} #business .con > p {padding: 20px 0;} #business .con em {float: left; margin-right: 5px;} #business .con em + p {float: left; width: 1150px;} #business dl {padding: 10px 0; overflow: hidden;} #business dt {color: #2e2e2e; font-size: 16px; line-height: 200%; font-weight: 500;} #business dd {padding: 5px 0; padding-left: 18px; overflow: hidden; width: 100%;} #business ul {padding: 5px; padding-left: 16px; overflow: hidden; width: 100%;} #business li {padding: 2px 0; color: #777; overflow: hidden;} #business .con li em + p {width: 1100px;} #business table {text-align: center; margin: 10px 0;} #business .ttit td {background: #FFF8EC; border-color: #D3CEC6;} #business .tleft {text-align: left;} #business td li {width: 100%; text-align: left;} #business td {border: 1px solid #ddd; padding: 15px 20px;} #business td.w16 {width: 16%;} #business td.w45 {width: 45%;} #business .w60 {width: 60%;} #business .con td ul {float: left; width: 100%; padding-left: 0;} #business .con td em + p {width: calc(100% - 15px);} #business p.red{ margin-left: 20px; text-indent: -18px;} #business table.sTable{ min-width: auto;} #business .tableFlex{display:flex; padding: 0;} #business .tableFlex span{display:block; margin-top: 10px; margin-right: 30px;} #business .tablePosition td{ position: relative;} #business .tablePosition td span + p { margin-left: 20px;} #business .tablePosition span{ position: absolute; width: 30px; height: 100%; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #ddd;} #business .padZero { padding: 25px 0;} .ie7 #business .tit p {display: inline; zoom: 1;}