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

/* 상단 레이아웃 */
#hd {min-width:1125px;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.sticky-wrapper{position:fixed;z-index:99999;width:100%;top:0;left:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.sticky-wrapper.wbg{background:#fff !important}

#hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}

#hd_wrapper {width:1125px; margin:0 auto; height:85px; zoom:1; position:relative;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position:absolute; left:-5px; top:21px; z-index:100;}


#tnb {position:absolute; right:8px; top:28px; z-index:50;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {zoom:1}
#tnb a {display:block;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb > ul > li {float:left; padding:0 14px; position:relative;}

.cart_warp {position:relative;}
.cart_warp .cart_count {width:24px; height:24px; line-height:25px; font-size:13px; letter-spacing:-0.05em; background:#000; color:#fff; text-align:center; white-space:nowrap; position:absolute; right:-12px; bottom:-12px; font-weight:bold;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 130px;
  z-index: 900;
  left:50%;
  margin-left:-65px;
  padding-top:30px;
}

.dropdown-content ul {background-color: #fff;  border:1px solid #181818;}
.dropdown-content ul > li {border-top:1px solid #e0e0e0;}
.dropdown-content ul > li:first-child {border:none;}
.dropdown-content ul > li > a {font-size:14.5px; text-decoration:none; padding:.5em 10px;}
.dropdown-content ul > li.tnb_admin a {background:#181818; color:#fff;}

.dropdown:hover .dropdown-content {
  display: block;
}

.visible{opacity:1}
.hidden{opacity:0}

/*검색*/

#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_str {width:180px;height:30px;border:0; line-height:1.9em !important;line-height:1.6em; background:transparent; }


#search_wrap {position:relative;}
#panel {position:absolute; right:13px; top:0; width:0; overflow:hidden; z-index:20;border-bottom:1px solid #181818;}
.sch_btn {width:23px; height:26px; background-repeat:no-repeat; background-position:center center; display:block; font-size:0; line-height:0;}
#panel .sch_btn {position:absolute; right:0; top:0; z-index:30;}
/*.sch_btn.hidden {display:none; visibility:hidden;}
.sch_btn.visible {display:block; visibility:visible;}*/
.btn_open {background-image:url('./img/gnb_01.png');}
.btn_close {background-image:url('./img/gnb_01_02.png');}

@media \0screen\,screen\9 {
#hd_sch #sch_stx {border-bottom:1px solid #bbb;}	
}

/*상단메뉴*/

#navigation {zoom:1; float:left; margin-left:265px;}
#navigation a {display:block;}

/* HEADER > MENU */
#main-menu {font-family: 'Oswald', sans-serif;}
#main-menu > li {float:left;}
#main-menu > li.parent {}
#main-menu > li > a {font-size:17px; height:85px;line-height:85px; padding:0 20px; text-decoration:none !important;}

/* level 2+ */
.cate_2dth {display:none;}
.cate_2dth {position:absolute; left:0; top:85px; width:100%; z-index:900; padding:20px 0 10px; box-shadow:0 3px 10px rgba(0,0,0,.2); border-bottom:1px solid #ddd; background:rgba(255,255,255,0.8);}
.cate_2dth > li {float:left; width:25%; padding:0 20px; margin-bottom:15px;}
.cate_2dth > li > a {font-weight:bold; padding:.4em 0; font-size:16.5px;}
.cate_2dth > li:nth-child(4n+1){clear:both}

/* level 3+ */
.cate_3dth > li > a {padding:.15em 0;}


#main-menu li:hover > ul.sub-menu {
	display: block; /* show the submenu */
}


/*메인컨텐츠*/
.main_visual_wrap {border-bottom:1px solid #e0e0e0;position:relative; margin-bottom:25px;}

.main_content {margin-bottom:-28px;}
.main_content > section {zoom:1; margin-bottom:95px;}
.main_content > section:after {display:block;visibility:hidden;clear:both;content:""}
.main_content .btn_warp {text-align:right;}
.main_content .btn_more {display:inline-block; width:265px;text-align:center;padding:10px 0;background:#000;color:#fff;font-size:16px}

/*1st*/
.main_content .cols_1st {overflow:hidden; margin-bottom:85px;}
.main_bnn {margin:0 -10.5px;}
.main_bnn li {float:left; padding:0 10.5px; margin-bottom:21px;}
.main_bnn li a {width:552px;}
.main_bnn li img {max-width:100%; height:auto;}
.main_bnn li:nth-child(3) {clear:both;}

/*2nd*/
.main_content .col_big_bnn {margin-bottom:22px;}



/* 중간 레이아웃 */
#wrapper {/*z-index:5;*/margin:0 auto;width:1125px;zoom:1; padding:24px 0 50px;}
#wrapper.sub_content {padding-bottom:100px;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin-bottom:16px;font-size:26px;font-weight:bold;}
#bo_v_table, h2#container_title {display:none;}

/* aside wrapper */
#aside {float:left;margin:0 10px 0 0;width:150px}

#container {position:relative;/*float:left;width:740px;*/min-height:500px;height:auto !important;height:500px;background:#fff;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}

.sub_tab {margin:0 0 30px;padding:0 0 7px;border-bottom:1px solid #181818;list-style:none; zoom:1;}
.sub_tab:after {display:block;visibility:hidden;clear:both;content:""}
.sub_tab li {float:left;margin:0 10px 10px 0;}
.sub_tab a {text-decoration:none; color:#808285; font-size:16.5px; padding:0 1em}
.sub_tab .active a {color:#231f20;}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}


.ft_notice {padding:18px 0;display:none}

/* 하단 레이아웃 */
#ft {clear:both; min-width:1125px; background:#181818; /*padding:78px 0;*/padding:65px 0; position:relative;}
#ft p {font-size:12px; line-height:1.5em; color:#fff;}
#ft .copy {margin-top:33px; position:relative; float:left; padding-right:58px;}
#ft .copy .escrow {position:absolute; right:0; top:50%; margin-top:-21px; display:block;}
#ft .btn_admin_wrap {right:10%; top:-37px;}

#ft .ft_btn {zoom:1; list-style:none; margin:0 0 18px; padding:0;}
#ft .ft_btn:after {display:block;visibility:hidden;clear:both;content:"";}
#ft .ft_btn li {float:left; margin-right:33px;}
#ft .ft_btn a {color:#fff; text-decoration:none; font-size:15px;}


/*하단링크*/
#ft_link {font-size:13px; float:right; position:relative; border:1px solid #fff; width:168px;}
#ft_link a {display:block;}
#ft_link #panel_link {border:1px solid #181818; background:#fff; border-bottom:none; display:none; padding:7px 12px; position:absolute; left:-1px; right:-1px; bottom:34px; z-index:50;}
#ft_link #panel_link > a {padding:.2em 0;}
#ft_link .btn_link {text-decoration:none; position:relative; padding:6px 12px; color:#fff;}
#ft_link .btn_link .ico {position:absolute; right:10px; top:50%; margin-top:-5px; display:block; width:10px; height:10px; background-repeat:no-repeat;background-position:0 0; background-image:url('./img/ft_link_btn.png');}
#ft_link .btn_link.active span {background-position:0 -11px;}

/*common*/
.container {zoom:1; position:relative; width:1125px; margin:0 auto;}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.cols, .col {zoom:1;}
.cols:after, .col:after {display:block;visibility:hidden;clear:both;content:""}
.col_lt {float:left;}
.col_rt {float:right;}

.pc_vs {display:block;}
.mo_vs {display:none;}

.clearfix
{zoom:1;}
.clearfix:after {display:block;visibility:hidden;clear:both;content:"";}

.txt_blue {color:#0f5ea9 !important;}
.txt_brown {color:#5a514b !important;}
.txt_orange {color:#eb6101 !important;}
.txt_red {color:#e4080b !important;}
.txt_green {color:#248aa7 !important;}

.bg_white {background-color:#fff;}
.bg_gray {background-color:#f7f7f7;}
.bg_sky {background-color:#cad0d8;}
.bg_purple {background-color:#404458;}

.txt_nowrap {white-space:nowrap;}

.word_keep, .word_keep p {
word-break:keep-all;
-webkit-word-break:keep-all;
-moz-word-break:keep-all;	
}	
.word_break, .word_break p {
word-break:break-all;
-webkit-word-break:break-all;
-moz-word-break:break-all;	
}

.col_ani {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}

.figure {text-align:center;}
.figure img {display:inline-block;}

.btn_admin_wrap {position:absolute; z-index:10;width:100%;text-align:center}


/*썸네일*/
.thum_ov {display:block; position:relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.thum_ov .overlay {position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.4) url('./img/ico_zoom.png') no-repeat center center; opacity:.8; filter:alpha(opacity=80); display:none;}

.text-center{text-align:center !important}
h2.title{text-align:center;margin:0 0 80px}
h2.txt{margin:90px 0 50px;font-size:20px}
.main-top{max-width:1130px;margin:100px auto;}
.main-top h2.title{float:left}
.main-top:after{display:block;clear:both;content:''}
.m-right{float:right;width:700px;text-align:left}

.m-copy{color:#000;font-size:40px;font-family:'Nanum Myeongjo', serif;line-height:1.3;font-weight:600}
.s-copy{color:#000;font-size:23px;margin:30px 0 60px;line-height:1.5;color:#878787}
.eng{font-size:30px;}
.eng strong{font-size:32px;font-weight:900;text-decoration:underline}
.info{max-width:1210px;margin:110px auto;text-align:left}
.info:after{display:block;clear:both;content:''}
.info li{width:33.333333333%;float:left;padding:0 40px;font-size:17px;line-height:1.5;color:#000}
.info li:last-child{border-right:none}
.info li div p{font-size:36px;margin:0 0 35px;font-family:'Nanum Myeongjo', serif;font-weight:600}
.info li div p strong{font-size:32px;font-weight:900}

section.cols_2nd{border-top:1px solid #c8c7c7;padding-bottom:100px;border-bottom:1px solid #c8c7c7}