@charset "utf-8";
/* CSS Document */

/* Skip Navigation */
#skipNav{position:relative;overflow:hidden;width:100%;margin:0 auto;z-index:100}
#skipNav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee}
#skipNav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1em;line-height:1em;color:#fff;z-index:10000}
/* Element Hidden Type */
.hide{clear:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px}
*:first-child+html body .hide{clearmenu-on:both;position:absolute;top:auto;left:0;overflow:hidden;width:1px;height:1px;padding:0;margin:0;background:none}

.inner_wrap{position:relative;width:1100px;margin:0 auto}
#wrap{position:relative;min-width:1100px}
#header{position:relative;width:100%;}
#header:after{position:absolute;left:0;top:0;width:100%;display:block;content:'' }
/* basic logo 시작 */
#header .header_top {overflow:hidden;padding: 20px 0;margin:0 auto;}
/*basic logo 끝 */
#header .header_top h1 {float:left;}

.TopSearch {float:left;padding: 0 0 0 73px;}
.TopSearch .search-area {overflow:hidden;border: 2px solid #535353;}
.TopSearch .search-area input {float:left;}
.TopSearch .search-area #search_keyword {width: 390px;height: 45px;padding:10px 15px;box-sizing:border-box;/* border:2px solid #535353; */border: 0;}
.btn_search { margin-top: 3px;}
.top_menu { float: left;margin-top: 12px;}
.top_menu li { float: left;margin-left: 8px; }

#header .gnb_wrap {height: 53px; background-color: #fff; border-bottom: 1px solid #999; border-top: 1px solid #999;}
#header .gnb_group{position:relative;/* float:right; */display:inline-block;}
#header .gnb_group:after{clear:both;display:block;content:''}
#gnavigation{/* float:right; */height:53px;}
#gnavigation .gnb{}
#gnavigation .gnb .dep1{position:relative;float:left;text-align:center;}
#gnavigation .gnb .dep1 > a{display:block;padding:13px 0px;min-width:183.5px;border-left:1px solid #d8dade}
#gnavigation .gnb .dep1 a span{font-size:1.1em;line-height:1.238em;font-weight:500;}
#gnavigation .gnb .dep1 a span:hover {font-size:1.1em;line-height:1.238em;font-weight:500;color:#b79845 }
#gnavigation .gnb .dep1 > .dep2{display:none;opacity:0;position:absolute;left:0;top:52px;width:100%;background:rgba(0,0,0,.9);text-align:left;overflow:hidden;padding:0;margin:0;z-index:55;}
#gnavigation .gnb .dep1 > .dep2 a{display:block;padding:14px 13px;}
#gnavigation .gnb .dep1 > .dep2 a:hover{background-color:#b79845}
#gnavigation .gnb .dep1 > .dep2 a span{font-size:0.938em;line-height:1.066em;color:#fafafa !important}

#header.menu_on #gnavigation .gnb .dep1.on > .dep2{display:block;opacity:1;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
#header .all_menu{position:absolute;display:inline-block;padding:15px 30px;top:0;width:182px;background:#b79845;}
#header .all_menu span{display:block;height:3px;background:#fff}
#header .all_menu span:first-of-type,
#header .all_menu span:last-of-type{width:24px;transition:all .4s ease-in-out;}
#header .all_menu span:nth-of-type(2){width:14px}
#header .all_menu span + span{margin-top:6px}
#header .all_menu:hover span:first-of-type, #header .all_menu:hover span:last-of-type{width:19px;margin-left:5px}
#header .all_menu:hover span:nth-of-type(2){width:24px}

/* 사이트맵 */
.sr_only{position:absolute;padding: 0px 0 0 45px;overflow:hidden;border:0;font-size: 1.2em;font-weight: 500;color: #fff;}
#all_sitemap {display:none;z-index:500;position:fixed;top:0;left:0;width:100%;margin:0 auto;height:10000%;background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000,endColorstr=#95000000); zoom:1;transition:all 2s ease;-webkit-transition:all 2s ease;}
.all_sitemap_active {display:block !important;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideInDown;animation-name:slideInDown; transition:all 2s ease;-webkit-transition:all 2s ease;}
#all_sitemap.all_sitemap_active{display:block;}
#all_sitemap .sitemap_wrap{position:relative;top:95px;width:1100px;height:315px;background:#fff;box-shadow:2px 2px 10px #333;margin:0 auto;}
#all_sitemap .sitemap_wrap .title{float:left;padding: 22px 30px;width: 190px;height:100%;background:#b79845;}
#all_sitemap .sitemap_wrap .title h2{position:relative;font-size: 1.6em;line-height:1.1333em;color:#fff;font-weight:600;}
#all_sitemap .sitemap_wrap .title h2:after{position:absolute;display:block;left:0;bottom:-24px;width:47px;height:3px;background:#fff;content:''}
#all_sitemap .sitemap_wrap .sitemap{position:relative;padding-left: 0;}
#all_sitemap .sitemap_wrap .sitemap:after{clear:both;display:block;content:''}
#all_sitemap .sitemap_wrap .sitemap > dl{display:block;float:left;width: 16.5%;height: 315px;border-right:1px solid #d2d2d2;}
#all_sitemap .sitemap_wrap .sitemap > dl:last-of-type{border-right:0}
#all_sitemap .sitemap_wrap .sitemap > dl dt{border-bottom:1px solid #d2d2d2}
#all_sitemap .sitemap_wrap .sitemap > dl dt a{display:block;padding:24px 0;text-align:center;font-size:1.313em;line-height:1.0952em;font-weight:600;}
#all_sitemap .sitemap_wrap .sitemap > dl dd{padding: 17px 20px;}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li{position:relative;padding: 5px 0;padding-left:15px;}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li:after{position:absolute;display:block;left:0;top:50%;width:4px;height:4px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:#999;content:''}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li a{font-size: 0.9em;font-weight:500;}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li:hover a{color:#b79845}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li:first-of-type{padding-top:0}
#all_sitemap .sitemap_wrap .sitemap > dl dd .menu li:first-of-type:after{top:10px}
#all_sitemap .btn_sitemap_close{position:absolute;display:inline-block;top:0;right:-81px;height:81px;width:81px;line-height:81px;background:#3a3a3a}
.btn_sitemap_close:before, .btn_sitemap_close:after{transform:rotate(-45deg);content:"";position:absolute;top:50%;left:50%;margin-top:0;margin-left:-12px;display:block;height:3px;width:23px;background-color:#fff;transition:all 0.25s ease-out;}
.btn_sitemap_close:after{transform:rotate(-135deg);}
.btn_sitemap_close:hover:before, .btn_sitemap_close:hover:after{transform:rotate(0deg);}


#container{padding:0 0 40px;}
.content {width: 1100px; position: relative; margin: 0 auto;}
/* 메인이미지 */
.headerLine{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	background: url(../images/visual_01.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.gallery {
	height:450px;
}
#camera_wrap_1{
	margin-bottom:0 !important;
	margin-top: 100px;
}



/* 메인 탭 */
.main_tab { padding: 50px 0;text-align: center;}
.main_tab h2 {font-size: 32px;text-align: center;letter-spacing: -2px;font-weight: 400;line-height: 120%;display: block;}
.main_tab span.subt {font-size: 18px;color: #999;text-align: center;padding: 7px 0 10px 0;display: block;font-weight: 100;}


.main_tab {padding: 30px 0 80px 0;text-align: center;}
.main_tab h2 {font-size: 32px;text-align: center;letter-spacing: -2px;font-weight: 400;line-height: 120%;display: block;}
.main_tab span.subt {font-size: 18px;color: #999;text-align: center;padding: 7px 0 10px 0;display: block;font-weight: 100;}
.main_tab section { display: none; padding: 50px 0 0; }
/*라디오버튼 숨김*/
.main_tab input { display: none;}
.main_tab label {  display: inline-block;  background: #b5b0aa;   border: 1px solid #b5b0aa;  margin: 0 3px;  padding: 10px 80px; font-size: 18px;  color: #fff; font-weight: 400; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.main_tab label:hover {color: #fff;cursor: pointer;}
/*input 클릭시, label 스타일*/
.main_tab input:checked + label {background: #fff; border: 1px solid #e83123; color: #e83123;}
#newstab1:checked ~ #newscontent1,
#newstab2:checked ~ #newscontent2,
#newstab3:checked ~ #newscontent3,
#newstab4:checked ~ #newscontent4 { display: block;}


.main_newstab {padding: 30px 0 80px 0;text-align: center;}
.main_newstab h2 {font-size: 32px;text-align: center;letter-spacing: -2px;font-weight: 400;line-height: 120%;display: block;}
.main_newstab span.subt {font-size: 18px;color: #999;text-align: center;padding: 7px 0 10px 0;display: block;font-weight: 100;}
.main_newstab section { display: none; padding: 50px 0 0; }
/*라디오버튼 숨김*/
.main_newstab input { display: none;}
.main_newstab label {  display: inline-block;  background: #b5b0aa;   border: 1px solid #b5b0aa;  margin: 0 3px;  padding: 10px 80px; font-size: 18px;  color: #fff; font-weight: 400; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.main_newstab label:hover {color: #fff;cursor: pointer;}
/*input 클릭시, label 스타일*/
.main_newstab input:checked + label {background: #fff; border: 1px solid #e83123; color: #e83123;}
#newstab1:checked ~ #newscontent1,
#newstab2:checked ~ #newscontent2,
#newstab3:checked ~ #newscontent3,
#newstab4:checked ~ #newscontent4 { display: block;}


/* 서브탭 */
.tab {padding: 0px 0 0px 0;}
.tab section {display: none;padding: 20px 0 0 0;}
/*라디오버튼 숨김*/
.tab input { display: none;}
.tab label.la {float: left;text-align: center;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;width: 50%;margin: 0 !important;font-size: 18px !important;border-top: 1px solid #dfdfdf;padding: 14px 0;border-left: 1px solid #dfdfdf;}
.tab label:hover {cursor: pointer;}
/*input 클릭시, label 스타일*/
.tab input:checked + label {border-right: 1px solid #65656f;border-bottom: 1px solid #65656f;background: #70707c;color: #fff;font-weight: 100;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {display: block;clear: both;/* margin-top: 20px; */}



.main_book_box {list-style: none;position: relative;width: 508px !important;float: left;border: 1px solid #ddd;width: -webkit-calc(50% - 22px);margin-right: 22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.main_book_box_img {float: left;width: 198px;height: 274px;background: #ededed;padding: 39px 25px;}
.main_book_box_con {float: left;padding: 30px;width: 308px;}
.main_book_box_tit {display: block;font-size: 22px;font-weight: bold;text-align: left;line-height: 120%;}
.main_book_box_stit {margin: 20px 0; text-align: left;}
.main_book_box_stit p { margin-bottom: 5px;}
.main_book_box_txt01 {margin: 0 10px 0 0;font-size: 16px;color: #c08a3a;font-weight: 400;text-align: justify;}
.main_book_box_txt02 {font-size: 16px;color: #1f1f1f;}



/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-touch-callout: none;  -khtml-user-select: none; -ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block;overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}.tabcontent.current
[dir='rtl'] .slick-slide{  float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-slide { margin: 0px 20px; }
.slick-prev:before,.slick-next:before {color: black;}
/*.slick-slide { transition: all ease-in-out .3s; opacity: .2;}
.slick-active { opacity: .5;}
.slick-current {  opacity: 1;}
*/
/* Arrows */
.slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: -30px; display: block; width: 32px; height: 33px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #000; border: none; outline: none;  }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25;}
.slick-prev:before,
.slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev { right: 50px;; background: url(../images/btn_main_prev.png) no-repeat;}
.slick-next { right: 19px;background: url(../images/btn_main_next.png) no-repeat;}
.slick-dots {display: none!important;}


/* 메인 게시판 */
.notice_list ul {overflow:hidden; margin:0px 0;}
.notice_list ul li {float:left;width:330px;height: 265px;margin-left:55px;position:relative;}
.notice_list ul li:first-child {margin-left:0;}
.notice_list ul .white {border:1px #cbcbcb solid; background-color:#fff; }
.notice_list ul .white .txt {position:absolute; top:40px ;left:40px; color:#888; font-size:16px; font-weight:bold;}
.notice_list ul .white .cnt {position:absolute;top: 74px;left:40px;color:#222;font-size: 19px;line-height: 28px;letter-spacing:-0.8px;text-align:left;padding-right: 30px;}
.notice_list ul .white .cnt a {color:#222;}
.notice_list ul .white .date {position:absolute; bottom:50px ;left:40px; color:#888; font-size:15px;}
.notice_list ul .green {border:1px #256735 solid; background-color:#0d561f; opacity:0.9;}
.notice_list ul .green .txt {position:absolute; top:40px ;left:40px; color:#8fb398; font-size:16px; font-weight:bold;}
.notice_list ul .green .cnt {position:absolute; top:95px ;left:40px; color:#fff; font-size:23px; line-height:34px; letter-spacing:-0.8px; text-align:left;}
.notice_list ul .green .cnt a {color:#fff;}
.notice_list ul .green .date {position:absolute; bottom:50px ;left:40px; color:#c0d5c5; font-size:15px;}
.notice_list ul li .btn {position:absolute;bottom:30px;right:30px;}

/*  고객센터*/
.service{height: 420px;background:url('../images/main_service.jpg') no-repeat 0 0;background-size:cover;}
.service_list{display:block;margin: 50px 0 50px;text-align:center;}
.service_list li{display:inline-block;padding:0 30px;text-align:center;background:url('../images/main_service_line.png') no-repeat 0 0}
.service_list li:first-child{background:none}
.service_list div{font-size:18px;color:#fff;font-weight:400;margin-top:15px;line-height:1.3}

/* 메인하단 파트너사 */
.main_partner { margin-top: 40px;}
.main_partner ul {overflow:hidden; width:1100px; margin:0 auto;}
.main_partner ul li {position:relative; float:left; width:366px; }
.main_partner ul li:first-child {margin-left:0px;}

/* 루트 */
.route{display:block;float: right;}
.route ul{display:block; height:45px; line-height:45px; *zoom: 1;}
.route li{display:block;float:left;color:#8b8b8b;font-size:12px;padding:0 12px 0 10px;background: url(../images/icon_route.gif) 0 20px no-repeat; font-weight: 100;}
.route li:first-child{padding:0 12px 0 0; background:none;}
.route li.current { color:#b79845;}


/* 사이드 영역 */
#asideWrap{float:left;width:200px; margin-top: 50px;}
.side_box{overflow:hidden;border:1px solid #eaeaea}
.side_box ul{margin-top:-1px}
.side_box li{position:relative;min-height:40px;border-top:1px solid #eaeaea;font-family: '돋움',Dotum; font-size: 12px;    letter-spacing: 0px;} 
.side_box .opened {padding: 10px 0;}
.side_box li .total_category li {  min-height: 20px;  border: 0;}
.side_box .list_style { margin-left: 15px;}
.side_box .list_style dt { padding-bottom: 7px; font-weight: bold;}

.side_box .list_style dd { position: relative; width: 180px; margin-bottom: 5px; clear: both;}
.side_box .list_style dd label { color: #666;}
.side_box .list_style em { font-weight: bold;  color: #b79845;}
.side_box .list_style span { font-weight: bold;  color: #999;}

/* 컨텐츠 */
.con {float: left; width: 870px; margin-left: 30px; }
.con_sty02 { width: 1100px; margin-top: 0px; }
.contit { display: block; line-height: 140%; font-weight: bold;margin-bottom: 20px; clear: both;}
.list_sort {display: inline-block;width: 100%; margin-bottom: 5px;}
.list_sort p.result {float: left;font-size: 14px;font-weight: 100;letter-spacing: 0px;color: #999;}


/* 모달팝업 */
.lay_pop {padding-top: 50px;}
.lay_pop { z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.lay_pop_content { width: 500px;}
.lay_pop_content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}
.lay_pop_container { padding: 20px; border: 3px solid #000; box-shadow: 10px 10px 5px #000;}
.lay_pop_closebtn {
    text-decoration: none;
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: inherit;
    padding: 20px 20px 0 0;
	cursor: pointer;
}

.lay_pop_img {padding: 8px;  display: inline-block;}
.lay_pop_imgbox {float: left; padding-right: 10px;}
.lay_pop_imgbox img {width: 80px; height: 80px; border: 1px solid #999;}

.lay_pop_imgwp {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	text-align: center
}
.lay_pop_imgwcon { width: 900px;}
.lay_pop_imgwcon {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}



/* 로그인팝업 */


.lay_pop_content02 {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 520px;
}



/* 페이징 */
.paging {position:relative;text-align:center;margin:30px 0 0 0;}
.pagination li { display: inline-block;}
.pagination li.active {display: inline-block;width: 28px;height: 28px;line-height: 28px;color: #fff;border: 1px solid #7a7f85;	background: #7a7f85;}
.paging * {font-family:verdana;font-size:11px; vertical-align:top}
.paging a, .paging strong {display:inline-block;width:28px;height:28px;line-height:28px;color:#7a7f85;border:1px solid #ccc}
.paging a:hover, .paging strong {color:#fff;background:#7c7c7c; border-color:#7c7c7c}
.paging .img {border:0px;}


/* 도서 리스트 */
.lectbox {border-top: 1px solid #ddd;margin: 0;padding: 27px 0;background: #fff;overflow: hidden;display: block;position: relative;}
.lectdetail {/* margin: 0; */display: block;}
.lectdetail .lectLeft {float: left;width: 650px;min-height: 190px;position: relative;padding: 0 0 0 180px;/* border-right: 1px solid #ebebeb; */}
.lectdetail .lectLeft .thumbox {position: absolute;top: 0;left: 0;}
.lectdetail .lectLeft .thumbox .thumImg {width: 150px;height: 100%;border: 1px solid #b8b8b8;}
.lectdetail .lectLeft .prod_tit {margin: 0 0 17px 0;color: #555;position: relative;font-size: 19px;color: #000;padding: 0 20px 0 0px;letter-spacing: -1px;}
.lectdetail .lectLeft .prod_info {margin: 5px 0 5px 0;color: #666;position: relative;font-size: 12px;color: #666;padding: 0 0 0 90px;vertical-align: top;font-weight: 300;}
.lectdetail .lectLeft .prod_info span.prodt {position: absolute; top: 0px; left: 0px; background: url(../images/brand_bluet.gif) 0 center no-repeat; padding: 0 0 0 12px; color: #c08a3a;}
.lectdetail .lectRight {float: right;width: 180px;min-height: 158px;margin: 0;padding: 0;vertical-align: top;border-left: 1px solid #ebebeb;}
.pricedel { color: #666; font-size: 16px; text-align: center; background: url(../images/line_strike.gif) 50% center no-repeat;}
.pricelarge { color: #d8003d; font-size: 16px; text-align: center; line-height: 30px;}
.pricelarge span.prfont { color: #d8003d; font-size: 28px; text-align: center; line-height: 30px;}


.lectbox_sty02 {border-top: 1px solid #ddd;margin: 0;padding: 27px 0;background: #fff;overflow: hidden;display: block;position: relative;}
.lectdetail_sty02 {/* margin: 0; */display: block;}
.lectdetail_sty02 .lectLeft_sty02 {float: left;width: 920px;min-height: 300px;position: relative;padding: 0 0 0 260px;/* border-right: 1px solid #ebebeb; */}
.lectdetail_sty02 .lectLeft_sty02 .thumbox {position: absolute;top: 0;left: 0;}
.lectdetail_sty02 .lectLeft_sty02 .thumbox .thumImg {width: 225px;height: 100%;border: 1px solid #b8b8b8;}
.lectdetail_sty02 .lectLeft_sty02 .prod_tit_sty02 {margin: 0 0 17px 0;color: #555;position: relative;font-size: 28px;color: #000;padding: 0 20px 0 0px;letter-spacing: -1px;font-weight: 500;}
.lectdetail_sty02 .lectLeft_sty02 .prod_info_sty02 {margin: 5px 0 5px 0;color: #666;position: relative;font-size: 15px;color: #666;padding: 5px 0 0 140px;vertical-align: top;font-weight: 300;}
.lectdetail_sty02 .lectLeft_sty02 .prod_info_sty02 span.prodt {position: absolute; top: 5px; left: 0px; background: url(../images/brand_bluet.gif) 0 center no-repeat; padding: 0 0 0 12px; color: #c08a3a;}
.lectdetail_sty02 .lectRight_sty02 {float: right;width: 180px;min-height: 158px;margin: 0;padding: 0;vertical-align: top;border-left: 1px solid #ebebeb;}
.pricedel_sty02 { color: #666; font-size: 16px; text-align: center; background: url(../images/line_strike.gif) 50% center no-repeat;}
.pricelarge_sty02 { color: #d8003d; font-size: 16px; text-align: center; line-height: 30px;}
.pricelarge_sty02 span.prfont { color: #d8003d; font-size: 28px; text-align: center; line-height: 30px;}

.article_wrap {border: 1px solid #999; padding: 30px;}
.article_wrap p {font-size: 18px; letter-spacing: 0px; line-height: 140%; font-weight: 100; color: #333;margin-bottom: 20px;}


table {margin:0px;border-top:1px solid #000;width: 100%;/* max-width: 100%; */margin-bottom: 20px;border-collapse: collapse;}
table th {padding: 10px 0px 10px 0px;color:#38547c;text-align: center;border-bottom:1px solid #ddd !important;background:#eee;vertical-align:middle !important;font-size:14px;}
table td {padding:10px; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
table td.nodata {padding: 100px;}
table td.title {padding:10px; font-size:14px; text-align:center; border-bottom:1px solid #ddd; width:120px !important; background-color:#F0F0F0;}
table thead + tbody td {}
table td.al{text-align:left;}
table thead + tbody th {background:#fbfbfb}
table table {margin-bottom:0px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
table td a:hover {color:#b79845; }
table td.space {padding: 50px 0;}
table td li {list-style: none;padding: 0px; font-size: 14px;}
table.book {border: none;}
table.book td.d_thum {border: none; padding: 0; width: 70px;}
table.book td.d_thum img { width: 50px;}
table.book td.d_txt { border: none; padding: 0; text-align: left;}

table.table_view {}
table.table_view thead th {text-align:left; padding:20px 10px; border-bottom:1px dotted #ccc !important; background: #f3f3f3; font-size: 15px;}
table.table_view th,
table.table_view th {background:none}
table.table_view tfoot th {width:100px; padding-right:15px; background:url(../images//bg_bar.gif) no-repeat right center}
table.table_view td {text-align: left;}
table.table_view tfoot th i {margin-right:10px;}
table.table_view .tit {border-bottom:1px solid #000; text-align: right;}
table.table_view .tit span.strong {display:inline-block; padding-right:15px; background:url(../images/bg_bar.gif) no-repeat right center; color:#333;}
table.table_view .tit span {display:inline-block; margin:0 0px 0 10px; color:#666;}
table.table_view .tit span a {display:inline-block; margin-left:10px;}
table.table_view .view {padding:20px;}

table.sty02 {margin:0px;border:1px solid #000;width: 100%;/* max-width: 100%; */margin-bottom: 20px;border-collapse: collapse;}
table.sty02 th {padding: 10px 0px 10px 0px;color:#38547c;text-align: center;background:#eee;vertical-align:middle !important;font-size:14px;border-bottom: 0px solid #333 !important;border-right: 1px solid #333 !important;border-left: 1px solid #333 !important;border-top: 1px solid #333 !important;}
table.sty02 td {padding:10px;font-size:14px;text-align:left;border: 1px solid #666;}
table.sty02 thead + tbody td {}
table.sty02 td.al{text-align:left;}
table.sty02 td.st01 { background: #52b0cb; color: #fff;}
table.sty02 td.st02 { background: #f1d65b; color: #4b4841;}
table.sty02 td.st03 { background: #1b5593; color: #fff;}

.searchForm { position: relative; display: block; margin-bottom: 30px; padding: 15px 20px 10px 20px; background: #fff; border: 1px solid #d9d9d9; text-align: center;}
.searchForm * { box-sizing: border-box;}
.searchForm input { width: 50%; height: 34px; padding: 6px 10px; border: 1px solid #999;}
.searchForm input[type="submit"], .searchForm input[type="button"], .searchForm a.btn, .searchForm button {
    border: 1px solid #aab2bd;
    color: #444a54 !important;
    font-size: 13px!important;
    cursor: pointer;
    font-weight: 400;
    padding: 10px 20px;
    position: relative;
    background: #eee;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    font-family: "Noto Sans KR";
    height: 34px;
    line-height: 34px;
    width: auto;
    padding: 0px 20px !important;
    vertical-align: top!important;
    border-radius: 3px;
}


/* 로그인 */
.tit_box{text-align:center;margin-bottom:20px;}
.tit_box .login_tit{font-size: 46px;color:#352f29;margin: 20px 0 25px 0;font-weight: bold;}
.bot_box{overflow:hidden;width: 465px;margin: auto;}
.login_box{position:relative;float:left;width: 465px;height: 372px;padding: 35px;border:1px solid #d9d9d9;background:#fff;}
.login_box .row_con{margin-bottom:10px;overflow:hidden;}
.login_box .inst_txt{width: 395px;height:48px;line-height:48px;padding:0 20px;font-size:14px;}
.login_box .link_box{display:block;float:right;/* padding-top:6px; */}
.login_box .link_box span{margin:0 8px;}
.login_box .btn_login{display:block;text-align:center;width:400px;height:70px;margin-bottom: 26px;line-height:70px;background: #b79845;color:#fff;font-size:21px;text-decoration:none;font-weight: 600;}
.login_box .row_con3{margin-bottom:15px;}
.login_box .row_con p{float:left;line-height:1.6;font-size: 14px;}
.login_box .row_con p span{display:block;line-height:1;color:#333333;margin-bottom:10px;}
.login_box .row_con .link_join{float:right;display:block;width: 86px;height:60px;line-height:60px;text-align:center;font-size:15px;color:#fff;background:#352f29;text-decoration:none;}
.login_box .capslock_con{display:none;position:absolute;left:49px;top:158px;text-align:center;width:192px;height:40px;line-height:40px;border:1px solid #000;background:#fff;}
.login_box .capslock_con .arr_con{position:absolute;left:13px;top:-6px;}
.link_contents{display:block;float:right;width:499px;height:418px;border:1px solid #d9d9d9;border-left:none;}
.link_contents img{width:100%;height:100%;}


/* 회원가입 */
.step_box{margin-bottom:50px;}
.step_box img{width: 100%;}


.terms_section{padding:29px;border:1px solid #d9d9d9;background:#fff;}
.terms_section:after{clear:both;display:block;content:'';}
.terms_section .all_terms_box{border:1px solid #d9d9d9;background: #b79845;padding:16px 16px 16px 19px;margin-bottom:10px;height: 50px;}
.terms_section .all_terms_box p{float:left;font-size:16px;color:#fff;}
.terms_section .all_terms_box label{float:right;color:#fff;}

.terms_section .ch_label.txt span{margin-right:0;}

.terms_section .terms_tit{font-size:16px;color:#352f29;margin-bottom:10px;padding:0 16px 0 19px;}
.terms_section .terms_box{width: 48%;margin-bottom:18px;position:relative;float: left;margin-right: 20px;}
.terms_section .terms_box.terms_box2{/* margin-bottom:30px; */}
.terms_section .terms_box .label_area{position:absolute;top:0;right:16px;}

.terms_section .terms_box .terms_txt{padding:20px;line-height:1.5;border:1px solid #d9d9d9;white-space:pre-line;font-size: 14px;color: #666;}
.terms_section .all_agree_box{clear:both;text-align:center;padding:14px 0;background:#f3f3f3;border:1px solid #d9d9d9;margin-bottom:30px;}
.terms_section .btn_box{text-align:center;}
.terms_section .btn_box a{display:inline-block;width:120px;height:45px;line-height:45px;color:#fff;font-size:15px;text-decoration:none;}
.terms_section .btn_box .btn_cancel{background:#a9a9a9;}
.terms_section .btn_box .btn_next{background:#1c3f21;}


.info_tit{font-size:16px;color:#352f29;margin-bottom:10px;}
.caption{position:absolute;right:29px;top:35px;color:#777;padding-left:20px;background:url(../images/common/bu_check_c.png) no-repeat;}
.caption span{color:#e2704b;border-bottom:1px solid #e2704b;}
.user_info_table{width:100%;margin-bottom:30px;border-top: none;}
.user_info_table th{width:128px;width:168px;text-align:left;padding:10px 0 10px 0;text-indent:40px;background:#f3f3f3;border-bottom:1px solid #d9d9d9;color: #666;}

.user_info_table th.check_th{background:#f3f3f3 url(../images/common/bu_check_c.png) no-repeat 20px center;}
.user_info_table td{padding: 10px 0 10px 10px;border-bottom:1px solid #d9d9d9;text-align: left;}
.user_info_table tr:first-child th,
.user_info_table tr:first-child td{border-top:2px solid #1c3f21;}
.user_info_table .cap_span{font-size:11px;vertical-align:middle;margin-left:30px; display: block;}
.user_info_table .btn_check_id{display:inline-block;height:35px;line-height:35px;padding:0 17px;background:#999;color:#fff;text-decoration:none;vertical-align:middle; border-radius: 3px;}
.user_info_table .btn_set_settle{display:inline-block;height:35px;line-height:35px;padding:0 17px;background:#352f29;color:#fff;text-decoration:none;vertical-align:middle;}

.user_info_box .btn_box{text-align:center;}
.user_info_box .btn_box a{display:inline-block;text-align:center;width:120px;height:45px;line-height:45px;color:#fff;font-size:15px;margin:0 2px;text-decoration:none;}
.user_info_box .btn_box .btn_prev{background:#a9a9a9;}
.user_info_box .btn_box .btn_next{background:#1c3f21;}

.join_comp_txt_box{text-align:center;margin-bottom:30px;}
.join_comp_txt_box .join_user{font-size:30px;color:#1c3f21;margin-bottom:10px;}
.join_comp_txt_box .hello_txt1{font-size:30px;color:#352f29;margin-bottom:10px;}
.join_comp_txt_box .hello_txt2{font-size:17px;color:#777;}
.join_comp_content{background:#fff;border:1px solid #d9d9d9;}
.join_comp_content .new_visitor_item{text-align:center;}
.join_comp_content .new_visitor_item img{width: 100%}


.join_comp_content .bot_con{border-top:1px solid #d9d9d9;text-align:center;}
.join_comp_content .bot_con h4{height:70px;line-height:70px;font-size:21px;color:#352f29;border-bottom:1px solid #d9d9d9;}
.join_comp_ban ul{padding:41px 0 50px;}
.join_comp_ban ul:after{clear:both;display:block;content:'';}
.join_comp_ban .ban_list{float:left;width:33.3%;}
.join_comp_ban .ban_list > div{border-right:1px solid #d9d9d9;}
.join_comp_ban .ban_list3 > div{border-right:none;}
.join_comp_ban .ban_list > div > img{margin-bottom:20px;}
.join_comp_ban .ban_list > div > h5{margin-bottom:10px;font-size:18px;color:#333;}
.join_comp_ban .ban_list > div > p{font-size:14px;color:#666;line-height:19px;}
input.inst_txt{height:35px;line-height:35px;border:1px solid #cccccc;background:#f3f3f3;padding:0 10px;outline:0;transition:background 0.4s, border 0.4s;width: 377px;}
input.inst_txt:focus{border-color:#264429;}


.cs_content_wrap{border:1px solid #d9d9d9;background:#fff;}
.cs_content_wrap .terms_section{border:0;}
.find_idpw_wrap1{overflow:hidden;padding:100px 0 100px;}
.find_id_box{position:relative;float:left;width:511px;padding:0 65px}
.find_id_box:first-child{border-right:1px solid #d9d9d9;padding-right:106px;}

.find_idpw_tit {font-size: 26px; margin-bottom: 10px; text-align: center; letter-spacing: -1px;}
.find_idpw_tit_sub {text-align: center; font-size: 14px; font-weight: 400; color: #666; margin-bottom: 20px;}
.find_id_box .input_box{height:auto; position: relative;}
.find_id_box .input_box .inst_txt{height:48px;line-height:48px; margin-bottom: 10px;}
.btn_submit_idpw{display:block;font-size:21px;color:#fff;cursor:pointer;width:378px;height:68px;border:none;background:#b79845;transition:color 0.4s, background 0.4s;margin-top: 10px;}
.find_id_box #input_auth{ margin-top: 10px;}
.find_id_box .inst_button { width: 49%; text-align: center; line-height: 68px; float: left; }
.find_id_box .inst_button:last-child { margin-left: 10px; }
.result_box { text-align: center;font-size: 22px;line-height: 140%;letter-spacing: -1px;color: #333; margin-bottom: 30px;}
.result_box_sty02 { text-align: center;font-size: 22px;line-height: 140%;letter-spacing: -1px;color: #333; margin-bottom: 30px;}



span.buble {
     cursor: pointer;
}
.arrow_box {
  display: none;
  position: absolute;
  width: 100px;
  padding: 8px;
  left: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #333;
  color: #fff;
  font-size: 14px;
}

.arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

span.buble:hover + p.arrow_box {
  display: block;
}

/* 약관 및 개인정보취급방침 */

#policy {clear:both;xxfloat:left;width:100%;margin-top:0;padding:0 0px;font-size: 13px;color: #666;font-weight: 100;}
#policy { background:transparent;}
#policy p.box{margin-top:10px;padding:10px;border:1px solid #ddd;background: #f0f0f0}
#policy h2, #policy h4 {margin:10px 0}
#policy h2.policy_title		{color:#6e0837; font-size:18px; font-weight:bold; padding-bottom:20px;}

#policy p { float:none; margin:20px; }
#policy h4 em{font-style: normal;}
#policy ul { float:none; margin:0px 0 3px 20px; line-height: 1.6em;}
#policy ul li { position:relative; padding-left:20px; }
#policy ul li em{ position:absolute; display:block; top:0; left:0;font-family:"돋움"; font-style: normal;color:#777}
    
#policy ul li ul { margin:0 0 0 20px; }
#policy ul li ul li { padding-left:20px; }
* html #policy ul li, * html #policy ul li ul li { padding-top:2px; }
* html #policy ul li em { left:-20px; }
* html #policy ul li ul li em { left:-25px; }
* html #policy ul.index li {font-weight: bold}

#policy .privacy {margin:10px 20px}
#policy .privacy table {width:100%;border-collapse: collapse;border-top:1px solid #DAD4D4;border-left:1px solid #DAD4D4}
#policy .privacy table th {text-align:left;padding:5px;border-right:1px solid #DAD4D4;border-bottom:1px solid #DAD4D4}
#policy .privacy table td {padding:5px;border-right:1px solid #DAD4D4;border-bottom:1px solid #DAD4D4}
/* 약관 및 개인정보취급방침 */


/* 푸터 */
#footer{ border-top: 1px solid #dcdcdc;}
.foot_area{position:relative;width:1100px;margin:0 auto;padding:30px 0}
.foot_logo{display:inline-block;width: 230px;vertical-align:top;margin-right: 30px;}
.foot_con{display:inline-block;width: 820px;}
.foot_con ul{overflow:hidden}
.foot_con li{float:left;font-size:14px;color:#666;border-left:1px solid #666;padding:0 10px;margin-bottom:10px;font-weight: 400;}
.foot_con li:first-child{border-left:0;padding-left:0}
address, copyright{display:block;font-size:13px;color:#666;line-height: 1.6;padding-top:10px;font-weight: 100;}