/*기본*/
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table{line-height:1.50em; }
ul, li{list-style:none; }
img{ border:0; }

a {outline:none; select-dummy: expression(this.hideFocus=true); text-decoration:none;}
body{font-family: 'Malgun Gothic', '맑은 고딕'; font-size: 12px;}




@font-face {
    font-family: 'Shilla_CultureB-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2'),
		url('./font/Shilla_Culture_B_.woff') format('woff');

    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



/*메인*/

.main_top_wrap{ width:100%; height:775px; background:url(main/img/han_bg.jpg) repeat;  }
.main_top_wrap .inner_center{ width:1213px; margin:0 auto}
.main_top_wrap .inner_center .top{ position:relative; background:url(main/img/muck_bg.png) no-repeat top right; height:745px}

.main_top_wrap .inner_center .top a.logo{ display:block; float:left; margin-left:60px;}
ul.top_menu{ float:right;   margin:49px 150px 0 0; }
ul.top_menu li{ float:left}

ul.gnb{ float:right;  background:url(main/img/gnb_bg.png) no-repeat top left; width:655px; height:41px; padding:11px 0 0 50px; margin:9px 150px 0 0; position: relative;}
ul.gnb li{ float:left; margin-right:55px;  padding-bottom:25px;font-size:20px;letter-spacing:0;font-family:Shilla_CultureB-Bold;}
ul.gnb li span{ position:absolute;  top:48px;  left:0; display:none; }
ul.gnb li span strong{ color:#cacaca; font-weight:normal}
ul.gnb li span a{ font-size:16px; color:#000; letter-spacing:-1pt; font-weight:bold}
ul.gnb li span a:hover{ color:#487a00}
ul.gnb li a{color:#4c3625;}
ul.gnb li a:hover{color:#df0c20;}

span#gnb_main1_sub{ left:50px}
span#gnb_main2_sub{ left:100px}
/*span#gnb_main3_sub{ left:300px}*/
span#gnb_main3_sub{ left:200px}
/*span#gnb_main4_sub{ left:490px}*/
span#gnb_main4_sub{ left:400px}
span#gnb_main5_sub{ left:250px}



/*ul.gnb{ float:right;  background:url(main/img/gnb_bg.png) no-repeat top left; width:655px; height:41px; padding:8px 0 0 50px; margin:9px 150px 0 0; position: relative;}
ul.gnb li{ float:left; margin-right:55px;  padding-bottom:25px}
ul.gnb li span{ position:absolute;  top:50px;  left:0; display:none; }
ul.gnb li span strong{ color:#cacaca; font-weight:normal}
ul.gnb li span a{ font-size:13px; color:#000; letter-spacing:-1pt; font-weight:bold}
ul.gnb li span a:hover{ color:#487a00}

span#gnb_main1_sub{ left:50px}
span#gnb_main2_sub{ left:100px}
span#gnb_main3_sub{ left:150px}
span#gnb_main4_sub{ left:420px}*/


.main_top_wrap .inner_center .top .go_link{ position:absolute; top:200px; right:10px}
.main_top_wrap .inner_center .top .go_link h1{ margin-bottom:7px}
.main_top_wrap .inner_center .top .go_link ul li{ float:left}

.main_top_wrap .inner_center .top .slide_txt{ position:absolute; bottom:50px; right:-50px}
.main_top_wrap .inner_center .top .slide_txt ul li{ float:left}

.main_content{ margin:56px 0 0 0; padding-left:70px; height:190px;}
.main_content div{ float:left}
.main_content div h1{ font-size:16px; letter-spacing:-2px; color:#000; font-weight:bold; margin-bottom:18px}
.main_content div h1 span{ color:#698400}

.main_content div.movie{ margin-right:10px}

.main_content div.photo{ margin-right:37px; width:183px; overflow:hidden;}
.main_content div.photo .phoArea {display:block;width:183px !important; height:136px;overflow:hidden; }


.main_content div.notice{ margin-right:27px; width:250px; height:173px; }
.main_content div.notice ul li{ background:url(main/img/notice_bullet.jpg) no-repeat left  50%; padding-left:10px; margin-bottom:5px}
.main_content div.notice ul li a{ color:#000}

.main_content div.icons{width:420px}
.main_content div.icons ul li{ float:left}


.footer{ clear:both;  margin-top:30px;border-top:2px solid #555042; width:1130px; margin-left:77px; font-size:0}
.footer div.family_site { float:left; padding-top:18px; }
.footer div.family_site h2, .footer div.family_site ul, .footer div.family_site ul li{ display:inline}

.footer div.right{ float:right; padding-top:20px; }
.footer div.right ul, .footer div.right ul li{ display:inline;}
 .footer div.right ul li:first-child{ padding-left:52px;}
.footer div.right p{ text-align:right; padding-top:5px;}


/*메인스크롤러*/
.amazon_scroller{
    padding: 0px;
    margin-top: 0px;
}

.amazon_scroller .amazon_scroller_nav li{
    cursor: pointer;
    position: absolute;
}
.amazon_scroller .amazon_scroller_mask{
    position: absolute;
    overflow: hidden;
}
.amazon_scroller ul{
    padding: 0px;
    margin: 0px;
    float: left;
}
.amazon_scroller ul li{
    padding: 0px;
;    margin: 0px;
    margin-left: 5px;
    margin-right: 5px;
    list-style: none;
    float: left;
    text-align: center;
    display:inline;
}
.amazon_scroller ul li a{
    text-decoration: none;
}
.amazon_scroller ul li a amazon_scroller_title{
	overflow:hidden;
}
.amazon_scroller ul li a:hover{
    text-decoration: underline;
}
.amazon_scroller ul li a img{
    border: none;
}

/*서브*/
.sub_top_wrap{background:url(main/img/han_bg.jpg) repeat-x; width:100%; height:316px; border-bottom:1px solid #ffa339;}
.sub_top_wrap .inner{ width:1180px; height:100%; margin:0 auto; background:url(main/img/sub_top_bg.png) no-repeat top right; }
.sub_top_wrap .inner .sub_top{ position:relative;  width:100%; height:316px;  }
.sub_top_wrap .inner .sub_top a.logo{ position:absolute; top:0; left:0}
.sub_top_wrap .inner .sub_top .go_link{ position:absolute; top:46px; right:240px }
.sub_top_wrap .inner .sub_top .go_link h1, .sub_top_wrap .inner .sub_top .go_link ul, .sub_top_wrap .inner .sub_top .go_link ul li{ display:inline; font-size:0; letter-spacing:0}
.sub_top_wrap .inner .sub_top ul.top_menu{ margin:49px 100px 0 0; }
.sub_top_wrap .inner .sub_top .gnb{ position:absolute; top:63px; right:-70px}

ul img{ vertical-align:top}

.sub_content{width:1180px; margin:0 auto}
.sub_content .sub_menu{ float:left; margin-top:-41px; margin-left:70px }
.sub_content .sub_menu ul{ margin-top:27px; font-size:13px; letter-spacing:-1pt }
.sub_content .sub_menu ul li{padding:6px 0 0 24px;height:26px; border-bottom:1px solid #e5e5e5}
.sub_content .sub_menu ul li.on{ background:url(main/img/sub_on_bg.png) no-repeat top left; font-weight:bold}
.sub_content .sub_menu ul li.on a{ color:#fff;}
.sub_content .sub_menu ul li:hover{background:url(main/img/sub_on_bg.png) no-repeat top left; font-weight:bold}
.sub_content .sub_menu ul li:hover a{color:#fff;}
.sub_content .sub_menu ul li a{ color:#000} 
.sub_content .content{width:818px; float:left; margin-left:10px}

.sub_footer{ clear:both;width:1180px; margin:0 auto}
.sub_footer p{ padding:30px; text-align:right}

.main_content a:hover{ color:black}

.tbl01 {width:100%;font-family:'SUIT-Regular';border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.tbl01 th {text-align:center;border-left: 1px solid #e0e0e0;font-weight:700;padding: 20px;color:#876a5c;border-bottom: 1px solid #e0e0e0;letter-spacing:-1px;background: #f7f7f7;font-size: 16px;}
.tbl01 td {text-align:center;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;color:#5e5e5e;padding:10px 12px;font-weight: 600;font-size: 15px;word-break: break-all;font-family:'SUIT-Regular';}
.tbl01 td.b1{background:#be852b;color:#fff;}

.pott {color:#d96c46 !important;}
.pott1 {color:#c34f8c !important;}

.tit01{font-size: 34px;font-weight: 700;line-height: 140%;font-family:'SUIT-Regular';}
.tit02{font-size: 28px;font-weight: 700;line-height: 140%;position: relative;padding: 0 0 0 17px;font-family:'SUIT-Regular';}
.tit03{font-size: 20px;font-weight: 500;line-height: 140%;font-family:'SUIT-Regular';}
.tit04{position:relative;font-size: 23px;font-weight: 700;line-height: 140%;padding: 0 0 0 40px;font-family:'SUIT-Regular';}
.tit04 > span {position: absolute;right: 0;top: 6px;font-size: 20px;FONT-WEIGHT: 500;color: #222;margin: 0 10px 0 0;}
.tit04 > span:after {content: '';position: absolute;left: -26px;top: 7px;width: 18px;height: 18px;background: #ffceb0;border: 1px solid #e7b89c;}
.tit04:after {content:'';position: absolute;left: 6px;top: 7px;width: 26px;height: 26px;background: rgb(219 166 230 / 39%);border-radius: 50%;z-index: 0;}
.tit04:before {content:'';position: absolute;left: 0px;top: 3px;width: 18px;height: 18px;background: rgb(186 125 199 / 39%);border-radius: 50%;z-index: 0;}
.tit05{display: block;padding: 60px 80px;font-size: 20px;border: 1px solid #ddd;border-radius: 30px;font-family:'SUIT-Regular';}
.tit06{display: block;font-size: 40px;font-family:'Shilla_CultureB-Bold';}
.tit07{font-size: 28px;font-weight: 700;line-height: 140%;position: relative;padding: 0 0 0 17px;font-family:'SUIT-Regular';}
.tit07:after {content:'';position:absolute;left:0;top: 7px;width: 6px;height: 27px;background:#ff7b00;}
.tit08 {display: block;padding: 30px 45px;background: #f9f9f9;border: 1px solid #e9e9e9;font-family:'SUIT-Regular';}

dl.fl {width:100%;font-family:'SUIT-Regular';}
dl.fl dt{float:left;width: 24%;word-wrap: normal;}
dl.fl dd{float:right;width: 74%;padding-top: 2px;word-wrap: normal;word-break: keep-all;}
dl.fl .address span {display: inline-block;font-weight: 700;margin-right: 10px;min-width: 85px;text-transform: uppercase;color:#222}
dl.fl:after{clear:both; content:''; display:block;}

ul.bul li{list-style:none;display:block;position:relative;padding: 5px 0px 5px 10px;line-height: 150%;font-size: 20px;font-family:'SUIT-Regular';}
ul.bul li:after {content:'';position:absolute;width: 3px;height: 3px;left:1px;top: 16px;background: #666;}
ul.bul li.nobul {}
ul.bul li.nobul:after {display:none;}
ul.bul li .libox {display:inline-block;width: 127px;}
ul.bul li .libox2 {display:inline-block;width: 85px;}

.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block;border:none;height: 20px;margin:0px;padding:0px;font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
.h80 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;}
.h100 {display:block; border:none; height:100px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#eaeaea; height:1px;margin:35px 0px; padding:0px; font-size:0px; clear:both;}
.bd20 {display:block; border:none; background:#e9e9e9; height:1px;margin:10px 0px; padding:0px; font-size:0px; clear:both;}

.ml0 {margin-left:0 !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.pl0 {padding-left:0 !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pr0 {padding-right:0 !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}


.pottR {font-weight:400;}
.pottM {font-weight:500;}
.pottB {font-weight:700;}

.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.txt_l{text-align:left !important;}

ul.flex {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;}
ul.flex li{padding:0 0 20px 0; width:20%;}
ul.flex li img{width:95%;}
ul.flex p{font-family:'SUIT-Regular';font-size:14px;text-align:center;font-weight:600;}

.video p{border:1px solid #efefef;border-radius:6px;width:650px;padding:2px 20px; color:#7b9a00;font-weight:700;box-shadow:rgba(0,0,0,0.3) 2px 2px 3px;margin-left:10px;}
.video dl{padding:20px 20px 50px 20px;display:flex;}
.video dt{width:248px;}
.video dd{padding-top:30px;}