@charset "utf-8";
/* common */
.wrap {position:relative; margin:0 auto; z-index:9; width:1200px; *zoom:1;}
.wrap:after {content:""; display:block; clear:both;}
.more {position:absolute; right:0; top:0;}
.date {position:absolute; right:0; top:0;}
.ico {font-family:'icon';} /* fontawsome */
.bg_active {background:#d11f1d !important;} /* active */
.bg_red {background:#e70000 !important;}
.bg_gray {background:#f7f7f7 !important;} /* sub0303 */
.bg_white {background:#fff !important;}
.bg_sky {background:#b9ffff !important;} /* 시간표 */
.bg_green {background:#cdffb9 !important;} /* 시간표 */
.bg_orange {}
.bg_blue {}
.col_active {color:#d11f1d !important;} /* active */
.col_red {color:#e70000 !important;}
.col_white {color:#fff !important;}
.col_black {color:#000 !important;} /* 강조 */
.col_orange {}
.col_blue {}
.col_sky {}
.fa {margin:0 5px 0 0;}

/* form */
input[type="text"], input[type="password"] {border:1px solid #dfdfdf; padding:0 5px 0 5px ; height:32px; line-height:30px; font-family:inherit; font-size:inherit; margin:1px 0; vertical-align:middle;}
textarea {border:1px solid #dfdfdf; font-family:inherit; font-size:inherit; padding:10px; width:100%; overflow-y:auto;}
select {border:1px solid #dfdfdf; height:30px; line-height:30px; font-family:inherit; font-size:inherit; padding:4px 4px 4px 5px; min-width:100px;}
label {padding:0 20px 0 10px; vertical-align:middle; cursor:pointer;}
.inp_l {width:100% !important;}
	/* input file */
	.add_file {display:inline-block; width:110px; height:33px; line-height:31px; background:#1f69ad; border:1px solid #1f69ad; color:#fff; font-size:12px; text-align:center; vertical-align:middle; position:relative; cursor:pointer;}
	.add_file input[type="file"] {width:110px; height:33px; opacity:0; filter:alpha(opacity=0); line-height:0; position:absolute; left:0; top:0; cursor:pointer;}

/* button */
.btn_r {display:inline-block; height:25px; line-height:23px; padding:0 15px; border:1px solid #b3b3b3; color:#999; border-radius:4px;} /*  */
.btn {display:inline-block; padding:0px 15px; height:32px; line-height:31px; background:#959595; color:#fff; vertical-align:middle; text-align:center;}
.btn_s {display:inline-block; padding:0px 15px; height:24px; line-height:22px; background:#959595; font-size:12px; color:#fff; vertical-align:middle; text-align:center;}
.btn_m {display:inline-block; padding:0px 35px; height:49px; line-height:49px; background:#959595; font-size:16px; font-weight:700; color:#fff; vertical-align:middle;}
.btn_l {display:inline-block; width:386px; height:70px; line-height:70px; background:#959595; font-size:25px; font-weight:700; color:#fff; text-align:center; vertical-align:middle;} /* 훈련위탁계약서 */
.btn_cart {float:left; display:inline-block; width:125px; height:60px; line-height:58px; background:#000; font-size:20px; font-weight:700; color:#fff; font-family:'Noto';}
.btn_buy {float:left; display:inline-block; width:165px; height:60px; line-height:58px; background:#d11f1d; font-size:20px; font-weight:700; color:#fff; font-family:'Noto';}
.btn_wish {float:left; display:inline-block; width:60px; height:60px; line-height:60px; background:#000; font-size:20px; font-weight:700; color:#fff;}


.btn_active {background:#fff !important; border:1px solid #d11f1d !important; color:#252525 } /*  */
.btn_active_in {background:#d11f1d !important; border:1px solid #d11f1d !important; color:#fff !important; } /*  */
.btn_gray {background:#fff !important; border:1px solid #b3b3b3 !important; color:#252525 } /*  */
.btn_gray_in {background:#b3b3b3 !important; border:1px solid #b3b3b3 !important; color:#fff !important; } /*  */
.btn_red {background:#fff !important; border:1px solid #e93939 !important; color:#252525 } /*  */
.btn_red_in {background:#e20101 !important; border:1px solid #e20101 !important; color:#fff !important; } /* 마감임박 */
.btn_green {} /*  */
.btn_green_in {background:#76bf43 !important; border:1px solid #76bf43 !important; color:#fff !important; } /*  */
.btn_white_in {background:#fff !important; border:1px solid #fff !important; color:#000 } /*  */
.btn_black {background:#fff !important; border:1px solid #000 !important; color:#000 } /*  */
.btn_black_in {background:#2b2b31 !important; border:1px solid #2b2b31 !important; color:#fff } /*  */
.icon_r {display:inline-block; height:20px; line-height:17px; padding:0 7px; border-radius:3px; font-size:12px; font-weight:700;} /* 아이콘 */
.icon_s {} /*  */

/* HEADER */
#header_wrap {*zoom:1; position:relative; width:100%; z-index:100;}
#header_wrap:after {content:""; display:block; clear:both;}
#header_wrap .top_menu {border-bottom:1px solid #d7d7d7; height:31px; font-size:12px; position:relative; z-index:100;}
.change_lang {position:absolute; left:0; top:7px;}
.change_lang:after {display:block; visibility:hidden; clear:both; content:'';}
.change_lang dt {float:left; margin:0 5px 0 10px;}
.change_lang dd {float:left; margin-right:2px;}
.change_lang dd a {border:1px solid #e1e1e1; display:block; height:15px;}
.change_lang dd a img {width:20px; height:auto; vertical-align:top;}
.change_lang dd a i {display:block; width:24px; height:15px; line-height:13px; font-size:11px; color:#666; text-align:center; font-style:normal !important;}
.change_lang.on dd {display:block;}
#header_wrap .catalog {position:absolute; top:0; left:0; font-size:12px; color:#333; line-height:31px;}
#header_wrap .catalog i {margin-right:5px;}

#header_wrap .top_menu ul {float:right;}
#header_wrap .top_menu li {line-height:30px;}
#header_wrap .top_menu li a {}
#header_wrap .top_menu li span.space {display:inline-block; padding:0 12px; font-weight:100; font-size:10px; line-height:20px; position:relative; top:-2px;}
#header_wrap .top_menu li span.count {display:inline-block; width:18px; height:18px; line-height:18px; background:#d7d7d7; border-radius:18px; font-size:11px; text-align:center; padding:0;}
#header_wrap .top_menu li:last-child span {display:none;}
#header_wrap .top_menu2 {height:122px;}
#header_wrap .top_menu2 h1 {padding:20px 0;}
#header_wrap .all_search_wrap {position:absolute; left:190px; top:42px;}
#header_wrap .all_search_wrap .all_search {border:2px solid #d5141d; height:38px; border-radius:38px; padding:0 15px;}
#header_wrap .all_search_wrap .all_search input[type="text"] {background:none; border:none; width:375px;}
#header_wrap .top_link {position:absolute; left:770px; top:20px;}
#header_wrap .top_link li {padding:0 14px; line-height:2; font-weight:400;  color:#bea51e; text-align:center;}
#header_wrap .top_link li a {display:block;}
#header_wrap .top_link li i {display:block; width:55px; height:56px;}
#header_wrap .gnb {border-bottom:1px solid #b4b4b4; border-top:1px solid #b4b4b4;}
#header_wrap .gnb ul {*zoom:1; height:70px; overflow:hidden;}
#header_wrap .gnb ul:after {content:""; display:block; clear:both;}
#header_wrap .gnb li {float:left; padding:0 16px;}
#header_wrap .gnb li:last-child {padding-right:0;}
#header_wrap .gnb li > a {display:inline-block; height:70px; line-height:67px; font-size:20px; border-bottom:3px solid #fff; padding:0 10px;}
#header_wrap .gnb li.on > a, #header_wrap .gnb li:hover > a {font-weight:500; color:#d11f1d; border-bottom:3px solid #d11f1d;}

.btn_all_menu {position:absolute; right:0; top:18px; }
.btn_all_menu a {display:inline-block; border:2px solid #333; padding:2px 5px; border-radius:4px;}
.btn_all_menu .fa {font-size:26px; margin-right:0;}
.sitemap {position:absolute; left:0; top:70px; width:100%; background:#fff; border:1px solid #333; padding:30px 30px 10px; display:none;}
.sitemap .site_sec {margin-bottom:30px;}
.sitemap .site_sec .tt {font-size:20px; font-weight:500; margin-bottom:12px;}
.sitemap .site_sec dl {*zoom:1;}
.sitemap .site_sec dl:after {content:""; display:block; clear:both;}
.sitemap .site_sec dd {float:left; font-size:16px; padding:0 18px; }
.sitemap .site_sec dd a {display:inline-block; padding:0 2px; border-bottom:3px solid #fff;}
.sitemap .site_sec dd.on > a, .sitemap .site_sec dd:hover > a {font-weight:500; color:#d11f1d; border-bottom:3px solid #d11f1d;}


/* lnb */
.lnb {float:left; background:#fafafa; width:250px; padding:25px 20px;}
.lnb h3 {font-size:32px; font-weight:300; color:#d11f1d; text-align:center; margin-bottom:30px;}
.lnb li a {display:block; height:51px; line-height:50px; border-bottom:1px solid #ddd; padding:0 30px; font-size:16px;}
.lnb li.on a, .lnb li:hover a {border-bottom:1px solid #d11f1d; color:#d11f1d;}

/* quick */
.quick {position:fixed; left:50%; top:135px; margin-left:665px; z-index:99;}
.go_top {background:#333; color:#fff; line-height:30px; text-align:center;}

/* main */
.m_visual {width:100%;  height:700px; overflow:hidden; margin-bottom:100px;}
.m_visual .slide {position:relative; top:0; left:50%; margin-left:-960px; width:1920px; height:700px;}
.m_visual .slide li {height:700px;}
.m_visual .slide .button .wrap {position:unset;}
.m_visual .slide .button .btn_prev,
.m_visual .slide .button .btn_next {position:absolute; top:50%; margin-top:-45px; width:60px; height:90px; overflow:hidden;}
.m_visual .slide .button .btn_prev {left:50%; margin-left:-600px;}
.m_visual .slide .button .btn_next {right:50%; margin-right:-600px;}
.m_visual .slide .button .btn_prev:hover img,
.m_visual .slide .button .btn_next:hover img {margin-top:-90px;}
.m_visual .m_banner {margin-top:-175px;}
.m_visual .m_banner ul {margin:0 -10px;}
.m_visual .m_banner li {width:50%; padding:0 10px;}
.m_visual .bx-wrapper .bx-pager {position:absolute; z-index:200;}
.m_visual .bx-wrapper .bx-pager.bx-default-pager a {background:url("/images/visual_off.png") no-repeat center !important; width:10px !important;}
.m_visual .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:url("/images/visual_on.png") no-repeat center !important;}

.mcon1 {margin-bottom:100px;}
.mcon1 .h3_wrap {/*background:url('/images/bg_h3_wrap.png') center top no-repeat;*/ padding-top:20px;}
.mcon1 .h3_wrap h3 {background:url('/images/bg_h3_best.png') center center no-repeat; font-size:34px; font-weight:400; color:#505050; text-align:center; margin-bottom:40px;}
.mcon1 .h3_wrap h3 strong {font-weight:400;}
.mcon1 .button {text-align:center; margin-top:10px;}
.mcon1 .button .btn {background:#fff; width:254px; height:50px; line-height:48px; border:1px solid #000; font-size:16px; color:#000;}
.mcon2 {background:url('/images/bg_mcon2.jpg') center no-repeat; margin-bottom:80px;}
.mcon2 .wrap {height:600px;}
.mcon2 li {width:450px; height:200px; overflow:hidden;}
.mcon3 {margin-bottom:80px;}

/* sub */
.s_page {margin:70px 0;}
.s_page h3 {font-size:32px; font-weight:300; text-align:center; margin-bottom:31px;}
/* .hit_pro .tit {font-family:'Nanum Myeongjo'; font-size:50px; font-weight:400; text-align:center; letter-spacing:-1px;} */
.hit_pro {height:560px; position:relative; margin-bottom:100px;}
.hit_pro .inner {position:absolute; left:0; bottom:0; width:100%;}
.hit_pro .inner ul{margin-left:10px;}
.hit_pro .inner li {width:340px; height:400px; margin:0 0 0 40px; overflow:hidden;}
.hit_pro .inner li a {display:inline-block;}
.hit_pro .inner .thum {background:url('/images/bg_hit_thum.png'); width:340px; height:230px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; position:relative;}
.hit_pro .inner .thum img {max-width:340px; max-height:230px;}
.hit_pro .inner .thum .discount {
background:url('/images/bg_dis.png') no-repeat; position:absolute; right:0; top:0; width:55px; height:42px;
font-size:13px; font-weight:100; color:#fff; line-height:32px;}
.hit_pro .inner .con {background:url('/images/bg_hit_con1.png'); padding:20px; height:170px; text-align:center; font-weight:400;}
.hit_pro .inner .con dt {font-size:26px; margin-bottom:10px;}
.hit_pro .inner .con dt .opt {font-size:15px; font-weight:300; color:#977a2e;}
.hit_pro .inner .con dd.won_price {font-size:16px; text-decoration:line-through;}
.hit_pro .inner .con dd.won_price strong {font-weight:400;}
.hit_pro .inner .con dd.sale_price {font-size:22px; color:#d11f1d;}
.hit_pro .inner .con dd.sale_price strong {font-size:28px; font-weight:500;}
.hit_pro.hit1 {background:url('/images/bg_hit1.jpg') no-repeat;}
.hit_pro.hit2 {background:url('/images/bg_hit2.jpg') no-repeat;}
.hit_pro.hit3 {background:url('/images/bg_hit3.jpg') no-repeat;}
.hit_pro.hit4 {background:url('/images/bg_hit4.jpg') no-repeat;}
.hit_pro.hit5 {background:url('/images/bg_hit5.jpg') no-repeat;}
.hit_pro.hit6 {background:url('/images/bg_hit6.jpg') no-repeat;}
.hit_pro.hit7 {background:url('/images/bg_hit7.jpg') no-repeat;}
.hit_pro.hit8 {background:url('/images/bg_hit8.jpg') no-repeat;}
.hit_pro.hit9 {background:url('/images/bg_hit9.jpg') no-repeat;}
.hit_pro.hit10 {background:url('/images/bg_hit10.jpg') no-repeat;}
.hit_pro.hit11 {background:url('/images/bg_hit11.jpg') no-repeat;}
.hit_pro.hit12 {background:url('/images/bg_hit12.jpg') no-repeat;}
.hit_pro.hit13 {background:url('/images/bg_hit13.jpg') no-repeat;}

.hit_pro.hit1 .inner .con {background:url('/images/bg_hit_con1.png');}
.hit_pro.hit2 .inner .con {background:url('/images/bg_hit_con2.png');}
.hit_pro.hit3 .inner .con {background:url('/images/bg_hit_con3.png');}
.hit_pro.hit4 .inner .con {background:url('/images/bg_hit_con4.png');}
.hit_pro.hit5 .inner .con {background:url('/images/bg_hit_con5.png');}
.hit_pro.hit6 .inner .con {background:url('/images/bg_hit_con6.png');}
.hit_pro.hit7 .inner .con {background:url('/images/bg_hit_con7.png');}
.hit_pro.hit8 .inner .con {background:url('/images/bg_hit_con8.png');}
.hit_pro.hit9 .inner .con {background:url('/images/bg_hit_con9.png');}
.hit_pro.hit10 .inner .con {background:url('/images/bg_hit_con10.png');}
.hit_pro.hit11 .inner .con {background:url('/images/bg_hit_con11.png');}
.hit_pro.hit1 .inner .con dt .opt {color:#977a2e;}
.hit_pro.hit2 .inner .con dt .opt {color:#85484b;}
.hit_pro.hit3 .inner .con dt .opt {color:#5a5a5a;}
.hit_pro.hit4 .inner .con dt .opt {color:#2a5988;}
.hit_pro.hit5 .inner .con dt .opt {color:#925db3;}
.hit_pro.hit6 .inner .con dt .opt {color:#52823d;}
.hit_pro.hit7 .inner .con dt .opt {color:#af5f5f;}
.hit_pro.hit8 .inner .con dt .opt {color:#d57942;}
.hit_pro.hit9 .inner .con dt .opt {color:#4b947f;}
.hit_pro.hit10 .inner .con dt .opt {color:#a55b97;}
.hit_pro.hit11 .inner .con dt .opt {color:#4771af;}

/* pro_list */
.pro_list {position:relative;}
.pro_list .count {font-size:16px; color:#a0a0a0; margin-bottom:30px;}
.pro_list .count strong {color:#000;}
.pro_list .sort {position:absolute; right:0; top:-5px;}
.pro_list .sort li a {display:inline-block; width:120px; height:30px; line-height:28px; border:1px solid #000; font-size:14px; text-align:center; margin-left:-1px;}
.pro_list .sort li.on a, .pro_list .sort li:hover a {background:#000; color:#fff;}
.pro_list .inner ul{margin-left:-20px;}
.pro_list .inner li {width:285px; height:340px; margin:0 0 0 20px}
.pro_list .inner li:nth-child(4n-3) {clear:both;}
.pro_list .inner li a {display:inline-block;}
.pro_list .inner .thum {background:#fafafa; width:285px; height:190px; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; position:relative;}
.pro_list .inner .thum img {max-width:285px; /*max-height:190px;*/}
.pro_list .inner .thum .discount {
background:url('/images/bg_dis.png') no-repeat; position:absolute; right:0; top:0; width:55px; height:42px;
font-size:13px; font-weight:100; color:#fff; line-height:32px;}
.pro_list .inner .con {padding:10px;}
.pro_list .inner .con dt {font-size:16px; margin-bottom:10px;}
.pro_list .inner .con dt .opt {font-size:13px; color:#a0a0a0;}
.pro_list .inner .con dd.won_price {font-size:16px; color:#a0a0a0; text-decoration:line-through;}
.pro_list .inner .con dd.won_price strong {font-weight:300;}
.pro_list .inner .con dd.sale_price {font-size:18px; font-weight:400; color:#d11f1d; line-height:30px;}
.pro_list .inner .con dd.sale_price strong {font-size:24px;}

/* pro_view */
.pro_view {}
.pro_view .pro_title {font-size:32px; color:#d11f1d; text-align:center; margin-bottom:30px;}
.pro_view .pro_code {font-size:15px; color:#898989; text-align:center; margin:-30px 0 30px;}
.pro_view .pro_con {*zoom:1; margin-bottom:80px;}
.pro_view .pro_con:after {content:""; display:block; clear:both;}
.pro_view .pro_con .thum_wrap {float:left; width:800px;  background:#fafafc;}
.pro_view .pro_con .thum {width:800px; height:540px; text-align:center; overflow:hidden; margin-bottom:5px;}
.pro_view .pro_con .thum span {display:table-cell; width:800px; height:540px; text-align:center; vertical-align:middle;}
.pro_view .pro_con .thum_more {padding:10px 0;}
.pro_view .pro_con .thum_more ul {text-align:center;}
.pro_view .pro_con .thum_more li {display:inline-block;}
.pro_view .pro_con .thum_more li a {
	display:inline-block; margin:0 5px; border:1px solid #e6e6e6; width:126px; height:86px; cursor:pointer; overflow:hidden;
	border:3px solid #fff;}
.pro_view .pro_con .thum_more li a.on {border:3px solid #d11f1d;}
.pro_view .pro_con .thum_more span {width:120px; height:80px; display:table-cell; text-align:center; vertical-align:middle;}
.pro_view .pro_con .spac {float:right; width:350px; border-top:1px solid #e1e1e1; padding-top:10px;}
.pro_view .pro_con .spac table {border-collapse:collapse; width:100%; margin-bottom:40px;}
.pro_view .pro_con .spac th {padding:10px 0 10px 5px;; text-align:left; font-weight:300;}
.pro_view .pro_con .spac td {padding:10px 0; font-size:16px;}
.pro_view .pro_con .spac td .won_price {display:inline-block; font-weight:400; color:#a0a0a0; text-decoration:line-through; margin-right:20px;}
.pro_view .pro_con .spac td .won_price strong {font-weight:400;}
.pro_view .pro_con .spac td .sale_price {display:inline-block; font-weight:400; font-size:18px; color:#d11f1d;}
.pro_view .pro_con .spac td .saleprice strong {font-size:24px; font-weight:500;}
.pro_view .pro_con .spac td .cap {font-size:13px;}
	/* inp_ea */
	.inp_ea {display:inline-block; position:relative; width:160px; height:40px;}
	.inp_ea input[type="text"] {width:160px; height:40px; line-height:38px; border:1px solid #000; margin:0; padding:0; text-align:center;}
	.inp_ea .btn_up {position:absolute; left:0; top:0; width:40px; height:40px;}
	.inp_ea .btn_down {position:absolute; right:0; top:0; width:40px; height:40px;}
	.inp_ea .btn_delete {position:absolute; right:-39px; top:-1px; width:40px; height:40px;}
.it_option {padding:0 !important;}
.get_item_options span {display:block;}
.get_item_supply span {display:block;}
.pro_view .pro_con .spac .button {*zoom:1; text-align:center; margin-bottom:30px;}
.pro_view .pro_con .spac .button:after {content:""; display:block; clear:both;}
.naver_pay {}
/* pro_info */
.pro_info1 {text-align:center; padding:80px 100px;}
.pro_info2 {text-align:center; padding:80px 100px;}
.pro_info3 {text-align:center; padding:80px 100px;}
.pro_info4 {text-align:center; padding:80px 100px;}
	.pro_thum_wrap {position:relative; margin-bottom:50px;}
	.pro_thum_wrap .pro_thum {position:absolute; right:70px; bottom:20px; width:355px; height:175px;}
	.pro_thum_wrap .pro_thum span {display:table-cell; width:355px; height:175px; text-align:center; vertical-align:middle;}
	.pro_thum_wrap .pro_thum span img {max-width:355px; max-height:175px;}
	.pro_info_tbl {padding:0 68px; margin-bottom:50px;}
	.pro_info_tbl table {width:100%; border-top:3px solid #995e63; border-left:2px solid #fff; border-right:2px solid #fff; font-size:16px;}
	.pro_info_tbl th {padding:10px 20px; background:#f5f5f5; border:1px solid #e0e0e0; font-weight:300; }
	.pro_info_tbl td {padding:10px 20px; border:1px solid #e0e0e0; color:#797979; text-align:left;}
/* pro_rel */
.pro_rel {border-bottom:1px solid #f0f0f0;}
.pro_rel h3 {background:url('/images/bg_h3_pro_rel.png') center no-repeat; font-size:30px; font-weight:400; color:#5796a5; text-align:center; margin-bottom:30px;}


/* tab_type1 */
.tab_type1 {margin:0px 0 0px;}
.tab_type1 li {width:50%;}
.tab_type1 li a {display:block; height:40px; line-height:38px; text-align:center; background:#fff; font-size:16px; border:1px solid #000; margin-left:-1px; position:relative; z-index:1;}
.tab_type1 li.on a {background:#000; border:1px solid #000; font-weight:700; color:#fff; z-index:2;}
.ea2 li {width:50%;}
.ea3 li {width:33.3%;}
.ea4 li {width:25%;}
.ea5 li {width:20%;}

/* faq */
.faq {border-top:2px solid #333;}
.faq dl {line-height:28px;}
.faq dt {border-bottom:1px solid #ccc; padding:15px 70px 15px 50px;  cursor:pointer; position:relative;}
.faq dt .maker {position:absolute; left:15px; top:14px; font-size:22px; font-weight:400; color:#000;}
.faq dt .bg_arrow {position:absolute; right:15px; top:24px; width:20px; height:12px; background:url('/images/faq_arrow.png') 0 -12px no-repeat;}
.faq dd {background:#f5f5f5; border-bottom:1px solid #ccc; padding:15px 70px 15px 50px; display:none; position:relative;}
.faq dd .maker {position:absolute; left:17px; top:14px; font-size:22px; font-weight:400; color:#d11f1d;}



/* tbl_type1 */
.tbl_type1 table {border-collapse:collapse; border:1px solid #ddd; width:100%; font-size:14px; line-height:23px;}
.tbl_type1 thead th {background:#f7f7f7;}
.tbl_type1 tfoot th {background:#effbff;}
.tbl_type1 tfoot td {background:#effbff;}
.tbl_type1 th {padding:8px; border:1px solid #ddd; font-weight:400; color:#000;}
.tbl_type1 td {padding:8px; border:1px solid #ddd; text-align:center;}
.tbl_type1 td.t_l {padding-left:25px;}
/* tbl_type2 */
.tbl_type2 table {border-collapse:collapse; border:1px solid #ddd; width:100%;  line-height:22px;}
.tbl_type2 thead th {padding:8px; background:#f7f7f7; font-size:14px;}
.tbl_type2 tfoot th {background:#effbff;}
.tbl_type2 tfoot td {background:#effbff;}
.tbl_type2 th {padding:6px 3px; border:1px solid #ddd; font-weight:400; color:#000;}
.tbl_type2 td {padding:6px 3px; border:1px solid #ddd; text-align:center;}
.tbl_type2 td.t_l {padding-left:10px;}



/* board_wrap */
.board_wrap {*zoom:1; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_wrap:after {content:""; display:block; clear:both;}
.board_wrap .contents {float:right; width:900px; padding-top:25px;}
/* gallery_list */
.gallery_list {}
.gallery_list ul{margin-left:-33px;}
.gallery_list li{width:200px; height:330px; margin:0 0 0px 33px;}
.gallery_list .thum {width:200px; height:200px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #e8e8e8; overflow:hidden;}
.gallery_list .thum img {max-width:200px; max-height:200px;}
.gallery_list .con dl {padding:10px 0 0; line-height:18px; text-align:left;}
.gallery_list .con dt {color:#000; text-align:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important;}
.gallery_list .con dd {color:#000; font-size:11px; padding-top:10px; height:65px; border-bottom:1px solid #e8e8e8; word-break:break-all;}
.gallery_list .con span {display:block; font-size:11px; padding-top:5px;}

/* board_list */
.board_list table {border-collapse:collapse; border-top:1px solid #000; width:100%;}
.board_list th {padding:5px 10px; height:51px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; font-weight:400;}
.board_list td {padding:5px 10px; height:51px; border-bottom:1px solid #dfdfdf; text-align:center;}
.board_list td.title {text-align:left;}
/* board_view */
.board_view {border-top:1px solid #000;}
.board_view .title {font-size:15px; font-weight:400; padding:15px 10px; border-bottom:1px solid #dfdfdf; min-height:51px;}
.board_view .info {padding:15px 10px; border-bottom:1px solid #dfdfdf; min-height:51px;}
.board_view .info span {display:inline-block; padding-right:10px;}
.board_view .board_con {padding:15px 10px;border-bottom:1px solid #dfdfdf; min-height:300px; }
/* board_write */
.board_write table {border-collapse:collapse; border-top:1px solid #000; width:100%;}
.board_write th {padding:8px 10px; height:51px; background:#f6f6f6; border-bottom:1px solid #dfdfdf; font-weight:400;}
.board_write td {padding:8px 10px; height:51px; border-bottom:1px solid #dfdfdf;}

/* board footer */
.board_footer {text-align:center; font-family:'Nanum'; font-size:13px; padding:20px 0 0;}
.board_btn {*zoom:1; text-align:center;  position:relative; margin:0px 0 10px;}
.board_btn:after{content:""; display:block; clear:both;}
.board_btn .f_l {}
.board_btn .f_r {}
.paging {text-align:center; position:relative; margin:0px 0 10px;}
.paging li {display:inline; cursor:pointer; letter-spacing:-2px;}
.paging li a{ display:inline-block; width:30px; height:30px; line-height:28px;  margin:0 2px; border:1px solid #e1e1e1; }
.paging li.num {}
.paging li.num a {background:#fff; }
.paging li a.on, .paging li a:hover {background:#000000; border:1px solid #000000; color:#fff;}
.board_footer .search {padding:10px 0; background:#f7f7f7; border:1px solid #dfdfdf; margin-bottom:10px;}
.board_footer .search select {padding:2px 2px 2px 5px; height:30px; line-height:28px; border:1px solid #dfdfdf; font-size:13px;}
.board_footer .search input[type="text"] {padding:0px 5px; height:30px; line-height:28px; border:1px solid #dfdfdf; width:225px; margin:0;}
.board_footer .submit {padding:0px 15px; height:30px; line-height:28px; background:#000000; border:1px solid #000000; font-size:13px; font-weight:400; color:#fff; letter-spacing:-1px; cursor:pointer;}



.yak_wrap {background:#f9f9f9; border:1px solid #ddd; padding:20px; min-height:700px; line-height:24px;}
.fcon {margin-bottom:20px; border-top:1px solid #e1e1e1; padding-top:20px;}
.fcon h3 {font-size:20px; font-weight:400; margin-bottom:10px;}
.fcon1 {float:left; width:400px; position:relative;}
.fcon1 h3:after {display:block; width:186px; height:2px; background:#000; content:''; margin-top:10px;}
.fcon1 .text1 {font-size:22px; font-weight:400; color:#d11f1d;}
.fcon1 .text2 {font-size:15px; margin-bottom:30px;}
.fcon1 .text2 span {padding:0 15px;}
.fcon1 .text3 {font-size:16px; line-height:1.6;}
.fcon1 .esc {position:absolute; bottom:0; right:0;}
.fcon2 {float:left; width:480px; padding-left:50px;}
.fcon2 h3:after {display:block; width:120px; height:2px; background:#000; content:''; margin-top:10px;}
.fcon2 h3.ytb:after {width:240px;}
.fcon2 ul {margin-bottom:35px;}
.fcon2 li {line-height:30px;}
.fcon3 {float:right; width:315px;}
.fcon3 h3:after {display:block; width:315px; height:2px; background:#000; content:''; margin-top:10px;}
.fcon3 address {margin-top:20px;}
.fcon3 address span {padding:0 10px}

/*
.fcon {margin-bottom:30px;}
.fcon h3 {font-size:20px; font-weight:300; margin-bottom:10px;}
.fcon1 {float:left; width:496px; border-right:1px solid #d7d7d7;}
.fcon1 .text1 {font-size:34px; font-weight:400; color:#d11f1d; letter-spacing:-1px;}
.fcon1 .text2 {font-size:15px; margin-bottom:30px;}
.fcon1 .text2 span {padding:0 15px;}
.fcon1 .text3 {font-size:16px; line-height:1.6;}
.fcon2 {float:left; width:500px; padding-left:50px;}
.fcon2 ul {margin-bottom:35px;}
.fcon2 li {line-height:30px;}
.fcon3 {float:right;}
.fcon3 li {margin-bottom:10px;}
*/
/* footer */
#footer_wrap {padding:0px 0 35px;}
#footer_wrap .f_link {border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-size:15px; margin-bottom:30px;}
#footer_wrap .f_link ul {padding-left:25px;}
#footer_wrap .f_link li {line-height:56px;}
#footer_wrap .f_link li span {padding:0 17px;}
#footer_wrap .f_link li:last-child span {display:none;}
#footer_wrap address {position:relative; font-size:13px; font-weight:300; line-height:24px; padding-left:760px;}
#footer_wrap address span {padding:0 13px;}
#footer_wrap address div {position:absolute; left:0;}

.w1000 {width:1000px !important;}
input::placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}
input::-moz-placeholder { color:#aaa; }
.history_title {text-align:center; font-size:38px; color:#000; padding:30px 0;}

#btn_sidemenu {cursor:pointer;}

.gall_wrap .tabs {overflow:hidden; margin-bottom:40px; border-left:#ddd 1px solid;}
.gall_wrap .tabs li {float:left; width:20%; border:#ddd 1px solid; border-left:0;}
.gall_wrap .tabs li a {display:block; font-size:18px; color:#333; text-align:center; line-height:40px;}
.gall_wrap .tabs li.on a {color:#c23f22; font-weight:bold;}

.gall_list {overflow:hidden; margin-top:-40px;}
.gall_list li {float:left; width:270px; margin:40px 0 0 40px;}
.gall_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.gall_list li .img {position:relative; width:100%; height:280px; line-height:280px; text-align:center;}
.gall_list li .img img {width:auto; height:auto; max-width:100%; max-height:100%;}
.gall_list li p {font-size:15px; color:#666; font-weight:500; line-height:30px; margin-top:10px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gall_pop {width:100%; background:#fff;}
.gall_pop .inner {width:1000px; height:500px; margin:0 auto; display:table;}
.gall_pop .inner > div {display:table-cell; vertical-align:middle;}
.gall_pop .inner .img {padding:20px; width:384px; text-align:center;}
.gall_pop .inner .img img {width:auto; height:auto; max-width:100%; max-height:100%;}
.gall_pop .inner .text {padding-right:100px;}
.gall_pop .inner .tit {font-size:40px; color:#333; font-weight:bold;}
.gall_pop .inner .con {font-size:16px; color:#666; font-weight:500; line-height:30px; margin:20px 0;}
.gall_pop .inner table {border-top:#cb2d1e 2px solid; border-bottom:#aaa 1px solid; width:100%;}
.gall_pop .inner th,
.gall_pop .inner td {font-size:18px; line-height:40px; padding:0 10px;}
.gall_pop .inner th {color:#cb2d1e; font-weight:700; width:120px; text-align:left;}
.gall_pop .inner td {color:#666; font-weight:500;}
.gall_pop .inner p {font-size:15px; color:#666; font-weight:500; line-height:30px; margin-top:10px;}

/* @media screen and (min-width:768px){
	.intro_wrap {padding:375px 0 50px; background:url('/images/bg_intro.jpg') no-repeat 50% 0;}
	.intro_wrap .inner {text-align:center; font-size:0;}
	.intro_wrap a {display:inline-block; width:208px; height:208px; margin-left:40px; overflow:hidden; border-radius:50%; box-shadow:rgba(0,0,0,.15) 5px 5px 11px; transition:.2s linear;}
	.intro_wrap a:first-child {margin-left:0;}
	.intro_wrap a:hover {opacity:.7;}
	.intro_wrap a p {font-size:22px; color:#000; font-weight:500; line-height:24px; margin-top:15px;}
}
@media screen and (max-width:767px){
	body {min-width:100%;}
	.intro_wrap {padding:60vw 0 10px; background:url('/images/bg_intro.jpg') no-repeat 50% 0 / 300%;}
	.intro_wrap .inner {text-align:center; font-size:0;}
	.intro_wrap a {display:inline-block; width:30%; margin:0 1.5% 20px;}
	.intro_wrap a i {position:relative; display:block; width:100%; padding-top:100%; border-radius:50%; overflow:hidden; box-shadow:rgba(0,0,0,.15) 5px 5px 11px;}
	.intro_wrap a img {position:absolute; top:0; left:0; width:100%;}
	.intro_wrap a p {font-size:15px; color:#000; font-weight:500; line-height:24px; margin-top:15px;}
} */

@media screen and (min-width:768px){
	/* intro */
	.intro_area {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/bg_intro_new2.jpg') #fff no-repeat 50% 0 / cover; font-family:'Noto_Serif', 'Microsoft YaHei', serif;}
	.intro_area .txt {position:absolute; bottom:260px; left:50%; margin-left:-600px;}
	.intro_area .btns {position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #e3d5ba; height:180px;}
	.intro_area .inbox {width:100%; max-width:1200px; font-size:0; margin:0 auto; border-left:1px solid #e3d5ba; background-color: #fff;}
	.intro_area .inbox li {position:relative; display:inline-block; width:20%; height:180px; border-right:1px solid #e3d5ba;}
	.intro_area a {position:absolute; display:block; bottom:0; left:0; width:100%; height:180px; overflow:hidden; padding:70px 0 69px; transition:.2s linear;}
	.intro_area a p {font-size:20px; color:#222; font-weight:400; line-height:40px; text-align:center;}
	.intro_area a i {position:relative; display:block; width:100%; height:0; overflow:hidden; transition:.2s linear;}
	.intro_area a i:before,
	.intro_area a i:after {content:""; position:absolute; top:50%; left:50%; background:rgba(255,255,255,.5);}
	.intro_area a i:before {width:20px; height:2px; margin:-1px 0 0 -10px;}
	.intro_area a i:after {width:2px; height:20px; margin:-10px 0 0 -1px;}
	.intro_area a:hover {height:200px; background:url('/images/btn_intro_hover.jpg') no-repeat 50% 50% / cover;}
	.intro_area a:hover i {height:20px; margin-top:10px;}
}
@media screen and (max-width:767px){
	body {min-width:100%;}
	/* intro */
	.intro_area {position:absolute; top:0; left:0; width:100%; height:100vh; background:url('/images/bg_intro_new2.jpg') #fff no-repeat 50% 0 / 250%; font-family:'Noto_Serif', 'Microsoft YaHei', serif;}
	.intro_area .txt {position:absolute; bottom:30vh; left:0; padding:0 20px;}
	.intro_area .txt img {width:70%;}
	.intro_area .btns {position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #e3d5ba;}
	.intro_area .inbox {width:100%; font-size:0; background-color: #fff;}
	.intro_area .inbox li {position:relative; display:inline-block; width:20%; border-right:1px solid #e3d5ba;}
	.intro_area a {display:block; bottom:0; left:0; width:100%; overflow:hidden; padding:50px 0; transition:.2s linear;}
	.intro_area a p {font-size:14px; color:#222; font-weight:400; line-height:40px; text-align:center;}
	.intro_area a i {position:relative; display:block; width:100%; height:0; overflow:hidden; transition:.2s linear;}
	.intro_area a i:before,
	.intro_area a i:after {content:""; position:absolute; top:50%; left:50%; background:rgba(255,255,255,.5);}
	.intro_area a i:before {width:20px; height:2px; margin:-1px 0 0 -10px;}
	.intro_area a i:after {width:2px; height:20px; margin:-10px 0 0 -1px;}
}