@charset "utf-8";

/* CSS Document */

html{height:100%;overflow:scroll;overflow-x:auto;color:#666;font-family:NanumGothic;}
body{padding:0;margin:0;font-size:75%;font-family:NanumGothic;}
SELECT, input, DIV, form, TEXTAREA, center, span, pre, br, P{line-height:18px;padding:0;margin:0;}
textarea, select {font-size:1em; padding:2px;}
table{border:0px;margin:0px;border-collapse:collapse;}
td{padding:0;margin:0;}
option{line-height:18px }
img{border:0;margin:0;padding:0;}
ol, ul, li, dd, dl{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;}
fieldset, blockquote{border:none;}
legend{display:none;padding:0;margin:0;}
.clear{display:block;float:none;clear:both;height:0px;width:0px;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
a{color:#666666;text-decoration:none;word-spacing:-0.1em;}
a:hover{color:#666666;}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.noscript{width:100%;margin:0 0 0 0px;overflow:hidden;text-align:right;}

/* 인트로 */
.wrap_intro {text-align:center}
.wrap_intro #sec1 {z-index:30;background:rgba(241,227,196,0.3)}
.wrap_intro #sec1 .intro_txt {overflow:hidden;position:relative}
.wrap_intro #sec1 .intro_sec1_txt1 {margin:86px 0 224px}
.wrap_intro #sec1 .intro_sec1_txt2 {display:none;position:absolute;left:50%;bottom:10px;margin-left:-212px}
.wrap_intro #sec1 .intro_mark_scroll {position:absolute;left:50%;bottom:43px;margin-left:-23px}
.wrap_intro #sec2 {overflow:hidden}
.wrap_intro #sec2 #intro_video {position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background-color:#000;object-fit:cover}
.wrap_intro #sec2 .blank {position:absolute;left:0;top:0;z-index:20;width:100%;height:100%}
.wrap_intro #sec2 #btn_mute {display:inline-block;position:absolute;left:50%;bottom:10px;z-index:30;width:60px;height:50px;margin-left:-30px;border:0;border-radius:5px;background-color:rgba(255,255,255,0.5);font:normal normal normal 14px/1 FontAwesome;font-size:2em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.wrap_intro #sec2 #btn_mute.on:before {content:"\f026"}
.wrap_intro #sec2 #btn_mute.off:before {content:"\f028"}
.wrap_intro #sec3 {z-index:30;background:url(../images/intro_sec3_bg.jpg) no-repeat 50% 50%;background-size:cover}
.wrap_intro #sec3 a {display:inline-block;margin-top:200px}
#fp-nav ul li {width:15px;height:15px}
#fp-nav ul li a span {width:7px;height:7px;margin:-3.5px 0 0 -3.5px;background:rgba(97,87,74,0.92)}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:rgba(97,87,74,0.92)}

#wrap{width:100%;min-width:1200px;overflow:hidden;}
/* video 태그 다운로드 버튼 숨기기 (크롬 66버전까지는 처리 가능) */
video::-internal-media-controls-download-button {display:none}
video::-webkit-media-controls-enclosure {overflow:hidden}
video::-webkit-media-controls-panel {width:calc(100% + 30px)}   

/* 탑 */
#top{width:100%;min-width:1200px;position:absolute;left:0;top:0;z-index:100;}

/* 글로벌 내비게이션 */
#top .gnv_area_wrap{width:100%;height:75px;background-color:#f1e3c4;}
#top .gnv_area{width:1200px;height:75px;margin:0 auto;overflow:hidden;}
#top .top_logo{margin-top:21px;float:left;}
#top .center_logo{margin:18px 0 0 333px;float:left;}
#top .gnv{height:30px;margin-top:21px;float:right;}
#top .gnv li{float:left;}
#top .gnv li a{margin-right:8px;padding-right:8px;display:block;background:url(../images/gnv_section.gif) no-repeat right center;font-family:NanumGothicBold;color:#767676;line-height:30px;}
#top .gnv li.last a{margin-right:5px;padding-right:0;background:none;}

/* 풀다운메뉴 */
#Main_Navi_Wrap{width:100%;height:46px;background-color:#81725f;}

#Main_Navi_Area{width:100%;height:46px;z-index:120;}
#Main_Navi_Area .main_menu{width:1200px;margin:0 auto;overflow:hidden;}
#Main_Navi_Area .main_menu li{float:left;}
#Main_Navi_Area .main_menu li a{padding:14px 39px 15px;display:block;background:url(../images/topmenu_section.gif) no-repeat right center;color:#fff;}
#Main_Navi_Area .main_menu li.last a{background:none;}

#main_full_menu{width:100%;position:absolute;left:0;top:121px;z-index:100;background:url(../images/smenu_bg.png) repeat-x left top;}
#main_full_menu .main_full_menu_wrap{width:1200px;margin:0 auto;overflow:hidden;display:none;}
#main_full_menu .main_full_menu_wrap > div{overflow:hidden;display:none;}
#main_full_menu ul{width:205px;height:88px;margin-top:35px;padding-top:3px;float:left;background:url(../images/smenu_line.gif) no-repeat 55px top;word-break:keep-all;}
#main_full_menu li a{padding:5px 0 5px 70px;display:block;font-family:NanumGothicBold;font-size:13px;color:#8a7f7d;}
#main_full_menu li a.on{background:url(../images/smenu_bullet.gif) no-repeat 53px center;color:#644620;}
#main_full_menu .smenu1{display:block;}
#main_full_menu .smenu6 ul{height:121px;background-repeat:repeat-y;}
#main_full_menu .thum_menu{margin-right:36px;padding-top:35px;float:right;}
#main_full_menu .thum_menu dl{margin:0 22px;float:left;}
#main_full_menu .thum_menu dd{padding:10px 0;font-size:13px;color:#767676;}

/*메인서브 공통 스타일*/
.vis_bg, .vis_btns{position:relative;}
.vis_bg li{position:absolute;top:0px;left:0px;z-index:50;display:none;background:no-repeat center center;}


/* 푸터 */
#footer{width:100%;overflow:hidden;}
#footer .footer_ban_wrap{width:100%;height:78px;background-color:#f1ebd6;border-top:1px solid #e8e2ce;border-bottom:1px solid #e8e2ce;}
#footer .footer_ban{width:1200px;margin:0 auto;}
#footer .footer_ban > div{float:left;}
#footer .footer_info{width:1200px;margin:20px auto;}

/*
#footer .footer_menu_wrap{width:100%;overflow:hidden;border-bottom:1px solid #d9d9d9;}
#footer .footer_menu{width:1200px;margin:0 auto;}
#footer .footer_menu li{margin-right:25px;padding:21px 25px 21px 0;float:left;background:url(../images/footer_menu_section.gif) no-repeat right center;font-size:15px;}
#footer .footer_menu li.b a{color:#333;}
#footer .footer_menu li.last{background:none;}
#footer .footer_menu li.last a{color:#9b5e2c;}

#footer .footer_info:after{content:"";display:block;clear:both;}
#footer .footer_info > div{float:left;}
#footer .f_top{font-family:NanumGothic;font-size:13px;}
#footer .f_top span{margin:0 3px;}
#footer .f_top span.tel{font-family:NanumGothicBold;color:#9b5e2c;}
#footer .f_bot{display:inline-block;font-size:11px;color:#999;}
#footer .f_copy, #footer .f_barom{float:left;}
#footer .f_barom{margin-left:10px;}
#footer .f_copy a, #footer .f_barom a{color:#999;}
#footer .f_barom .barom{margin-left:4px;padding-left:15px;background:url(../images/foot_barom_logo.png) no-repeat;}

#footer div.family_site{width:122px;position:relative;float:right;font-family:NanumGothic;font-size:11px;}
#footer .family_site p{width:113px;height:18px;padding:4px 0 4px 7px;display:block;border:1px solid #d9d9d9;background:url(../images/family_site_arr.gif) no-repeat 102px center;cursor:pointer;}
#footer .family_site ul{width:120px;position:absolute;left:0;bottom:28px;overflow:hidden;display:none;background-color:#fff;border:1px solid #d9d9d9;border-bottom:0;}
#footer .family_site li{margin:0 5px;padding:6px 0 6px 2px;border-bottom:1px dashed #d9d9d9;}
#footer .family_site li.last{border-bottom:0;}
#footer .family_site li a:hover{color:#9b5e2c;}
*/

.ovfh{overflow:hidden;}
.cb{clear:both;}
.fl{float:left;}
.fr{float:right !important;}
.vt{vertical-align:top;}
.pointer{cursor:pointer;}
.list_init {margin:0;padding:0;list-style:none}

/*마진패딩관련*/
.mgt01{margin-top:-15px !important;}
.mgt0{margin-top:0px !important;}
.mgt3{margin-top:3px !important;}
.mgt5{margin-top:5px !important;}
.mgt6{margin-top:6px !important;}
.mgt8{margin-top:8px !important;}
.mgt10{margin-top:10px !important;}
.mgt12{margin-top:12px;}
.mgt15{margin-top:15px !important;}
.mgt26{margin-top:26px !important;}
.mgt36{margin-top:36px !important;}
.mgt37{margin-top:37px !important;}
.mgt60{margin-top:60px !important;}

.mgl5{margin-left:5px !important;}
.mgl10{margin-left:10px;}
.mgl14{margin-left:14px;}
.mgl16{margin-left:16px;}
.mgl20{margin-left:20px !important;}
.mgl23{margin-left:23px;}
.mgl30{margin-left:30px;}
.mgl34{margin-left:34px;}
.mgl47{margin-left:47px;}
.mgl60{margin-left:60px;}

.mgb0{margin-bottom:0px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb13{margin-bottom:13px !important;}
.mgb26{margin-bottom:26px !important;}

.mgr0{margin-bottom:0px !important;}
.mgr5{margin-right:5px;}
.mgr15{margin-right:15px;}
.mgr27{margin-right:27px;}
.mgr61{margin-right:61px;}

.pdl10{padding-left:10px;}
.pdl20{padding-left:20px;}
.pdl50{padding-left:50px;}
.pdt10{padding-top:10ppx;}
.pdl10{padding-left:10ppx;}
.pdt60{padding-top:60px;}

.bold{font-weight:bold;}