﻿@charset "utf-8";
@import url(https://cdn.rawgit.com/studio392/NanumSquareRound/master/NanumSquareRound.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* extension */
.widget {
  visibility: hidden;
}
.srm1 {visibility: hidden;} .srm2 {visibility: hidden;} .srm3 {visibility: hidden;}

/* reset*/
article, aside, figure, figure img,figcaption, hgroup,
footer, header, nav, section, video, object {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,heade,nav,aside,section,article,footer,a
{ margin:0;  padding:0; }
table {border-collapse:collapse; border-spacing:0;}
input,select { vertical-align:top; padding:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul,li {list-style: none; }

caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{text-decoration:none;}
em { font-style:normal; }
body {overflow-x:hidden;margin:0;padding:0;}
/* reset*/
.temporarys{display:none; position:fixed; left:10px top:10px; color:red; font-size:15px; font-weight:bold; z-index:99999999;}
.temporarys i{font-size:12px; font-weight:normal; font-style:normal;}
/*font-family: "Nanum Gothic", sans-serif;*/
/*Selection*/
::-moz-selection { /* Code for Firefox */
color: #1a1a1a;background: #ffe046;}
::selection {color: #1a1a1a;background: #ffe046;}

html,body{height:100%;background-color:#323232; }
.wrap{}
.slvaTemp{position:absolute; width:100%;}
.subVideo1 .onlyMobile{display:none;}
#svla {
    backface-visibility: hidden;
    display: block;
    opacity: 0;
    position: relative;
    transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    visibility: hidden;
    z-index: 1;
    overflow:hidden;
}
#bg {backface-visibility: hidden; height:100%;left:0%; position:relative;
    top:0%; transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;width: 100%;   bottom: 545.55px; opacity:1;}

#bg .vid {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    overflow:hidden;
}
.mVideoLi{}
.movie-dark{position: absolute; left:0; right:0; bottom:0;  background-color:rgba(0, 0, 0, 0.1); width:100vw; height:100vh; z-index:33; transition:all 0.2s;}

.pX {
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: relative;
    right: 0;
    top: 0;
    transform: translateZ(0px) translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    visibility: visible;
    width: 100%;
}

.topGnb_BG{background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position:absolute; z-index: 10; width:100%; height:76px; left:0; top:0;}
.soundEmbed{visibility:hidden; display:none;}

#bk{display:none; height:100%; position:relative; background-color:#978d7e;z-index:50;}
#bk .opacity{display:none; width:100%; height:100%; z-index:2; position:fixed; left:0; bottom:0; top:0; background:url('../images/opacity_bg.png') repeat;}
#bk ul li{width:100%; height:100%; display:none; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0px; z-index:0;}
#bk ul li:first-child{display:block;}
#bk ul li img{width:0; height:0; position:fixed; left:-9999px; top:0;}
/*.normal     { font-weight: 400 }
.bold       { font-weight: 700 }
.bolder     { font-weight: 800 }
.light      { font-weight: 300 }
*/


.logo{position:absolute; left:20px; top:25px; z-index:1900;} 
.Gnbs_wrap{width:100%; height:95px; border-bottom:1px solid rgba(255, 255, 255, .3); position:fixed;  z-index:199; left:0; top:0;     background-color: rgba(0,0,0,0.2);}
.Gnbs{position:fixed; font-family: 'NanumSquare', sans-serif; z-index:201; right:60px; top:40px;}

/*gnb 1depth*/
#gnb{overflow:hidden;}
#gnb>li{float:left; text-align:center; width:180px; }
#gnb>li+li{margin-left:50px;}
#gnb>li>a { display:block; height:61px; color:#fff; font-size:19px; font-weight: 700; }
#gnb>li>a:hover { color:#fff;}
#gnb>li>a.abc { color:#fff;}

/*gnb 2depth*/
#gnb>li>ul {text-align:center; margin-top:20px; height:0px; overflow:hidden;}
#gnb>li>ul>li{display:inline-block;}
#gnb>li>ul>li>a { display:block; width:180px; height:44px; color:#fff; text-align:center;}
#gnb>li>ul>li>a:hover {color:orange;}

#gnbLL{width:40px !important; margin-left:0 !important;}
#gnbLL_Wide{width:250px !important;}

.gnb_bg{height:0px; width:100%; background-color:#2e2214;position:fixed;left:0; top:96px; opacity:0.85;  z-index:199;} 
.mainCenter{position:absolute; left:50%; margin-left:-281px; z-index:180; width:562px; }
.mainCenter span{text-align:center; display:block;  font-family: 'NanumSquare', sans-serif; color:#fff; line-height:170%; font-size:17px; padding-top:37px;}
.soundP{margin-top:50px; text-align:center; opacity:1;}
.mainArBT{ display:block; text-align:center; padding-top:30px; position:absolute; z-index:900; left:50%; bottom:0; margin-left:-66px;}

.main_1_sec{background-color:#fff; font-family: 'NanumSquare', sans-serif; padding-bottom:170px;}
.main_1_sec_in{width:1174px; margin:0 auto; padding-top:120px;}
.main_1_sec_in h3{color:#262626; font-size:36px; text-align:center; font-weight: 700;}
.main_1_sec_in p{color:#787878; font-size:17px; padding-top:15px; text-align:center;}
.main_1_sec_in ul{overflow:hidden; padding-top:90px;}
.main_1_sec_in ul li{float:left; width:241px;  text-align:center;}
.main_1_sec_in ul li+li{margin-left:19%;}
.main_1_sec_in ul li i{font-style:normal; font-size:16px; color:#414141; line-height:155%; display:block; padding-top:10px;}

.parallax_main {
    /* The image used */
    background-image: url("../images/main/par_bg.jpg");
    /* Set a specific height */
    min-height: 700px; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax_main p{font-family: 'NanumSquare', sans-serif;font-weight: 700; color:#fff; text-align:center; font-size:29px; line-height:180%; padding-top:300px;}

.main_2_sec{background-color:#fff; font-family: 'NanumSquare', sans-serif; padding-bottom:170px;}
.main_2_sec_in{width:1286px; margin:0 auto;}
.main_2_sec_in h3 {text-align:center; padding-top:100px; }
.main_2_sec_in h3 span{display:inline-block;vertical-align:bottom;}
.main_2_sec_in h3 i{color:#e6625a; font-size:28px; font-style:normal; display:inline-block;vertical-align:bottom;}

.main_2_sec_in ul{overflow:hidden; padding-top:95px;}
.main_2_sec_in ul li{float:left; width:50%;}
.mL_2{position:relative; }
.mL_2>div{position:absolute; left:110px; top:70px;}
.mL_2>div>p{font-size:28px; font-weight: 700 }
.mL_2>div>span{font-size:17px; line-height:160%; padding-top:35px; display:inline-block;}
.sdeq{padding-bottom:35px}
.mL_3{position:relative;}
.mL_3>div{position:absolute; left:0px; top:70px;}
.mL_3>div>p{font-size:28px; font-weight: 700 }
.mL_3>div>span{font-size:17px; line-height:160%;  display:inline-block;}

.copyright{background:url('../images/common/cop_bg.jpg') no-repeat 50% 50%; background-size:cover; height:195px;}
.copyright_in{width:1286px; margin:0 auto;font-family: 'NanumSquare', sans-serif; color:#fff; position:relative;}
.copyright_in a{color:#fff;}
.copyright_in p{position:absolute; left:0; top:65px; font-size:16px; display:inline-block; line-height:170%;}
.copyright_in p a img{vertical-align:center;}
.copyright_in p i{background-color:#ffe046; color:#000; font-style:normal; padding-right:3px; padding-left:3px;}
.copyright_in span{position:absolute; right:0; top:65px; font-size:14px; display:inline-block; line-height:150%;}
.copyright_in span i{font-style:normal; color:#898989;} .copyright_in span i a{color:#898989;}
.pcNon{display:none;}

.subVideo1{width:100%; height:405px; overflow:hidden; text-align:center; position:relative;}
.subVideo1>*{width:100%; display:inline-block; }

.sub_title{position:absolute; top:200px; z-index: 50;}
.subM_mang{position:absolute; left:0; top:0;}
#dey{font-size:15px;}
#malID{font-size:20px; color:#000; font-weight:bold;}
.subLocation{ border-bottom:1px solid #c4c4c4; background-color:#fff;}
.subLocation_in{width:1410px; margin:0 auto; font-family: 'NanumSquare', sans-serif; font-size:16px; }
.subLocation ul{overflow:hidden; box-sizing:border-box; padding-top:10px;}
.subLocation ul li{float:left; height:59px; box-sizing:border-box; padding-top:15px;}
.subLocation ul li:nth-child(1) img{padding-top:5px;}
.subLocation ul li+li{margin-left:23px; padding-left:23px; background:url('../images/common/loc_bar.png') no-repeat 0 10px;}
.subPage{background-color:#fff;}
.subPage_in{width:1410px; margin:0 auto; box-sizing:border-box; padding-top:80px; }
.subPage_in h4{text-align:center;}
.insaAA{position:relative; }
.insaBB{height:1220px; background:url("../images/in_img1.jpg") no-repeat 0 30px; font-family: 'NanumSquare', sans-serif; padding-bottom:150px;}
.insaBB p{ right:80px; top:514px; font-size:17px; line-height:170%; color:#656565; display:inline-block; position: absolute;}
.insa_fl{display:inline-block; position:absolute; right:20px; top:120px;}
.poeple{text-align:center; padding-top:50px; padding-bottom:150px;}

.esel{padding-bottom:40px;}
.clTitle{font-family: 'NanumSquare', sans-serif; font-size:27px; font-weight: 700; color:#000; margin-top:90px; padding-bottom:20px;}
.banT_1_{display: none;}
.banT_2_{display: none;}
.mapTxt{ box-sizing:border-box; padding-left:64px; font-family: 'NanumSquare', sans-serif; font-size:17px; color:#000; padding-top:30px; 
line-height:180%; padding-bottom:80px;}
.map1{padding-top:72px; width:1286px; margin:0 auto;}
.map2{display:none;padding-top:50px;}
.regioTxt {font-family: 'NanumSquare', sans-serif; text-align:center; padding-top:60px; padding-bottom:60px;}
.regioTxt i{text-align:center;}
.regioTxt p{display:none;}
.regiBK{height:276px; background:url('../images/regiBK.jpg') no-repeat 50% 50%; background-size:cover;}
.regiBK i{font-family: 'NanumSquare', sans-serif; color:#fff; font-size:25px; font-style:normal; 
text-align:center; width:100%; display:block; line-height:170%; padding-top:100px; box-sizing:border-box;}

.daUL{overflow:hidden;}
.daUL>div{float:left; width:40%;}

.regioTxt_jon{position:relative; margin-bottom:80px;}
.regiM_UL{overflow:hidden; font-family: 'NanumSquare', sans-serif; text-align:left; margin-top:90px;}
.regiM_UL li{float:left; width:50%;}
.regiM_UL li p{font-size:28px; font-weight:700; padding-bottom:60px;}
.regiM_UL li span{font-size:17px; line-height:180%;}
.regiM_UL li+li{padding-left:50px; box-sizing:border-box;}
.regioTxt_jon .mal{position:absolute; left:0; bottom:0;}
.jon_area{background:url('../images/r_bg.jpg') no-repeat 50% 50%; background-size:cover; height:350px;}
.jon_area p{text-align:center;font-family: 'NanumSquare', sans-serif;color:#fff; font-size:25px;padding-top:130px; 
box-sizing:border-box; line-height: 170%;}
.jon_area p i{color:#9dbbff; font-style:normal;}

.regioTxt_ken{font-family: 'NanumSquare', sans-serif; position:relative; margin-top: 90px; margin-bottom:100px;}
.regioTxt_ken p{font-size:28px;font-weight:700; padding-bottom: 60px;}
.regioTxt_ken span{font-size:17px; line-height:180%;}
.dak{position:absolute; right:0; top:0;}

.jon_chun{background:url('../images/chun_bg.jpg') no-repeat 50% 50%; background-size:cover; height:258px;}
.jon_chun p{font-family: 'NanumSquare', sans-serif; font-weight:700;font-size:21px; text-align:center;
box-sizing:border-box; line-height: 170%; color:#fff; padding-top:80px;}
.jon_chun p i{font-style:normal;color:#ffe465; font-size:30px;}
#ch100s{padding-top:30px; background:url('../images/p_l.jpg') no-repeat 0 52px; display:block;}
.paddingTopR{padding-top:70px;}
.sub_2_sec{background-color:#fff; font-family: 'NanumSquare', sans-serif; padding-bottom:70px;}
.sub_2_sec_in{width:1286px; margin:0 auto;}
.sub_2_sec_in ul{overflow:hidden; padding-top:20px;}
.sub_2_sec_in ul li{float:left; width:50%;}
.slsl_1{position:relative; }
.slsl_1>div{position:absolute; left:30px; top:0px;}
.slsl_1>div>p{font-size:28px; font-weight: 700 }
.slsl_1>div>span{font-size:17px; line-height:160%; padding-top:35px; display:inline-block;}

.slsl_2{position:relative; }
.slsl_2>div{position:absolute; left:123px; top:100px;}
.slsl_2>div>p{font-size:28px; font-weight: 700 }
.slsl_2>div>span{font-size:17px; line-height:160%; padding-top:35px; display:inline-block;}

.slsl_3{position:relative; }
.slsl_3>div{position:absolute; left:30px; top:130px;}
.slsl_3>div>p{font-size:28px; font-weight: 700 }
.slsl_3>div>span{font-size:17px; line-height:160%; padding-top:35px; display:inline-block;}

.pros_btn{margin-bottom:130px;}
.pros_btn p{width:1286px; margin:0 auto; font-family: 'NanumSquare', sans-serif;}
.pros_btn p a{display:inline-block; width:100%; height:122px; background:url('../images/y_btn.png') no-repeat 50% 50%; background-size:cover;
font-weight:700; font-size:33px; color:#000; text-align:center; padding-top:40px; box-sizing:border-box;
}

.sub_tBtn{width:1286px; margin:0 auto; margin-top:80px; overflow:hidden; font-family: 'NanumSquare', sans-serif;}
.sub_tBtn li{float:left; width:49.5%; background-color:#fff;text-align:center; color:#fff; border:1px solid #eba326;}
.sub_tBtn li+li{margin-left:-1px;}
.sub_tBtn li a{color:#e99400; font-size:24px; display:inline-block; width:100%; height:48px; 
    box-sizing:border-box; padding-top:9px;}
.sub_tBtn li a.active{background-color:#eba326; color:#fff; }

.youTables{width:1286px; margin:0 auto; }
.yUL{overflow:hidden; padding-bottom:100px;}
.yUL li{width:33.3%; padding:2px; box-sizing:border-box; float:left; margin-top:30px;}
.yUL li>a>img{width:100%;}
.yUL li span{font-family: 'NanumSquare', sans-serif; color:#000; text-align:center; font-size:20px; display:block;
box-sizing:border-box; padding-top:15px;}
.zulEX{padding-bottom:40px !important;}
.zulEX2{padding-bottom:40px !important;}

.proTables{width:1286px; margin:0 auto; }
.pUL{overflow:hidden; padding-bottom:50px;}
.pUL li{width:25%; padding:2px; box-sizing:border-box; float:left; margin-top:0px;}
.pUL li>a{position:relative; display:inline-block; overflow:hidden;}
.pUL li>a>img{width:100%;}
.pUL li span{position:absolute; text-align:center; bottom:0px; width:100%; color:#fff; height:60px; background-color:rgba(0,  0,  0,  0.7);
    font-family: 'NanumSquare', sans-serif; text-align:center; font-size:18px; display:block;
box-sizing:border-box; padding-top:18px;}

.listPager{text-align:center; margin-top:0px; padding-bottom:160px;}
.listPager ul{overflow:hidden; display:inline-block;}
.listPager ul li{float:left; border:1px solid #a7a8aa; }
.listPager ul li.pN{width:33px; height:33px; background-color:#f2f3f7; text-align:center;font-family: 'NanumSquare', sans-serif;font-weight:normal; box-sizing: border-box;  font-size:16px;}
.listPager ul li.pN a{color:#6e6e6e; display:block; width:33px; height:33px; box-sizing: border-box; padding-top:6px; transition:all 0.2s;}
.listPager ul li.pN a.active{background-color:#e58704; color:#fff;}
.listPager ul li+li{margin-left:2px;}

.n_view {width:100%; font-family: 'NanumSquare', sans-serif; margin-top:90px;}
.n_view tr td{border-top:1px solid #dedede;border-bottom:1px solid #dedede;
padding-top:10px; padding-bottom:10px; font-size:17px; color: #000;  box-sizing: border-box; height:62px;
}
.n_view tr td.nT1{font-weight:700; font-size:20px; width:85%;}
.n_view tr td.nT2{font-weight:700; width:10%; text-align:center; color:gray; font-size:15px;}
.n_view tr td.nT3{font-weight:700; width:5%;text-align:right; color:gray; font-size:15px;}
.n_view tr td.nT4{height:550px; vertical-align:top; padding:20px;}

.nV_btn{font-family: 'NanumSquare', sans-serif; text-align:center; padding-top:30px; margin-bottom:80px;}
.nvB_list{width:172px; height:42px; display:inline-block; border:2px solid #f68f00; color:#ea7900; text-align:center;
box-sizing:border-box; padding-top:8px; font-size:18px; transition:all 0.2s; font-weight:700;}
.nvB_list:hover{background-color:#f68f00; color:#fff;}

.ipTable{font-family: 'NanumSquare', sans-serif; font-size:20px; color:#000; margin-top:70px; width:100%;border-bottom:1px solid #dedede; margin-bottom:40px;}
.ipTable tr td{height:70px;box-sizing:border-box; border-top:1px solid #dedede;}
.ipTable tr td.ip1{width:5%; text-align:center;}
.ipTable tr td.ip2{width:83%;box-sizing:border-box;  padding-left:15px;}
.ipTable tr td.ip3{width:8%; font-size:16px;}
.ipTable tr td.ip4{width:4%; font-size:16px;}
.ipTable tr td.notice{background-color:#f8f8f8;}
.ipTable tr td.ip2 a{color:#000;}
.ipTable tr td.ip2 a:hover{text-decoration:underline;}



.childCircum{padding-bottom:100px;}
.childCircum_in{width:1436px; margin:0 auto; font-family: 'NanumSquare', sans-serif; color:#000; font-size:22px; line-height:170%; text-align:center;}
.childCircum_in ul{overflow:hidden;}
.childCircum_in ul.chicUL_type01{background-color:#f6f1f1; }
.childCircum_in ul.chicUL_type01 li{float:left; width:50%; display:block; }
.childCircum_in ul.chicUL_type01 li.chTYL_1{}
.childCircum_in ul.chicUL_type01 li.chTYL_2{font-size:23px;}

.childCircum_in ul.chicUL_type01 li.chTYL_2 i{font-style:normal; 
    display:inline-block;                    
    vertical-align: middle;     }

.childCircum_in ul.chicUL_type01 li.chTYL_2:before{  
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;       
}

.ch-space{height:100px;}
.childCircum_in ul.chicUL_type02{background-color:#f1f5f6;}
.childCircum_in ul.chicUL_type02 li{float:left; width:50%; display:block; }
.childCircum_in ul.chicUL_type02 li.chKYL_2{}
.childCircum_in ul.chicUL_type02 li.chKYL_1{font-size:23px;}

.childCircum_in ul.chicUL_type02 li.chKYL_1 i{font-style:normal; 
    display:inline-block;                    
    vertical-align: middle;     }

.childCircum_in ul.chicUL_type02 li.chKYL_1:before{ 
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;       
}

.baduk_list_in{width:1436px; margin:0 auto;}
.baUL{overflow:hidden; padding-top:3px;}
.baUL li{float:left; width:33.3%; padding-left:0.27%; padding-right:0.27%; box-sizing:border-box;padding-bottom:20px;}
.baUL li a{display:inline-block;box-sizing:border-box; font-family: 'NanumSquare', sans-serif;}
.baUL li a p{color:#3c3c3c; text-align:center; font-size:20px; padding-top:10px; background-color:#f9f9f9; padding-bottom:15px;font-family: 'NanumSquare', sans-serif;}
.baUL li a:hover{outline:1px solid #db7923;}

.you_1{width:100%; height:30vw;}










/*모바일 모드에서 나오는 메뉴들*/
/*.yell_mobile_btn{display:none; position:absolute; right:0; top:0; z-index:999;} right:-323px;*/
.mobile_home_btn{display:none; position:fixed; right:0; top:0; z-index:1900;}
.mobile_menu{display:none; position:fixed; right:-270px; top:0px;  background-color:#2b2218;  width:270px; z-index:9999999999; }
.mLogin{position:absolute; left:40px; top:18px; margin-top:7px;}
.mLogin a{font-family: 'NanumSquare', sans-serif;font-size:17px; color:#c4c4c4;}
.mJoin{position:absolute; left:110px; top:18px; margin-top:7px; border-left:1px solid #999; padding-left:22px;}
.mJoin a{font-family: 'NanumSquare', sans-serif;font-size:17px; color:#c4c4c4;}
.mobile_menu .m_close p{position:absolute; right:0px; top:0px; z-index:9999;}
.mobile_menu .mm a{font-family: 'NanumSquare', sans-serif;font-size:16px; color:white; padding-left:10px;}
/*.mobile_menu .mm a:hover{text-decoration:underline;}*/
.mobile_menu .mm img{padding-right:10px;}
.mobile_menu .nn a{padding-left:15%;display:block; font-family: 'NanumSquare', sans-serif; font-size:14px;
    color:#cccccc; font-weight:normal; height:22px; padding-top:11px;}
/*.mobile_menu .nn a:hover{text-decoration:underline;}*/
.mobile_menu .mm_language{height:19px;padding-left:6%; padding-top:29px; padding-bottom:21px; 
    position:relative; width:94%;z-index:50;font-family: 'NanumSquare', sans-serif;}
.mobile_menu .mm_language a{color:#cfc3b6; font-size:15px;padding-left:10px;}
.mobile_menu .nn_language{height:0px;padding-left:6%; padding-top:0px; overflow:hidden; margin-bottom:10px;
    position:relative; width:94%;z-index:50; font-family: 'NanumSquare', sans-serif; padding-top:8px;}
.mobile_menu .nn_language a{color:#fff; font-size:13px;padding-left:92px; display:block; height:24px;}
.mobile_menu .mm_login{ font-family: 'NanumSquare', sans-serif; padding-left:10%; position:relative; width:90%;z-index:50; margin-bottom:25px; margin-top:6px;}
.mobile_menu .mm_login a{color:#fff; font-size:13px; display:inline-block; *display:inline; zoom:1; padding-left: 10px;}
.mobile_menu .mm_login a#mo_Rev{padding-left:18px; background:url('../images/common/m_part.png') no-repeat 6px 3px;}
.mobile_menu .mm{padding-left:6%; width:94%; border-top:1px solid #513b22; height:38px; padding-top:13px;position:relative; z-index:50;}
.mobile_menu .nn{/*display:none;*/ height:0px; overflow:hidden; position:relative; z-index:50;}
.mm_back{width:270px; background-color:#2e2214; position:absolute; left:0; top:0; z-index:20;}
.black_cover{display:none; background-color:#0e0e0e; width: 100%; height:100%; z-index:999998; 
    position:fixed; top:0; left:0; opacity:0;}
/*모바일 모드에서 나오는 메뉴들 끝*/

/*img{display:none !important;}*/
#hd_pop{z-index:1999;}



  /* 프리로더 시작 */
  #loader-progress{position:relative;}
  #loader-progress-bar{background-color:#ffdcb6; height:2px; width:0%; left:0; top:0; z-index:2000; position: absolute;}
  #loadBG_top{content:""; width:100%; height:50vh; position:fixed; left:0; top:0; z-index:2000; background-color:#a79078; transition:all 1s cubic-bezier(.47,0,.5,.99) 0.9s;}
  #loadBG_bottom{content:""; width:100%; height:50vh; position:fixed; left:0; top:50vh; z-index:2000; background-color:#a79078;  transition:all 1s cubic-bezier(.47,0,.5,.99) 0.9s;}
  #loadBG_top.loaded{top:-50vh;}
  #loadBG_bottom.loaded{top:100vh;}
  .loadDiv_pc{left:0; top:50%; transform:translateY(-50%); position:fixed; z-index:2001; width:100vw;}
  .percentage{font-family: "Roboto", system-ui;  position:absolute; right:5px; bottom:0px; color:#fff; font-size:80px; width:230px; height:86px; overflow: hidden; display:flex; align-items:center;}
  .percentage i{font-family: "Roboto", system-ui;}
  #percentage{letter-spacing:3px;}
  .percentage span{}
  .percentage span i{position:absolute;}
  .percentage i.loaded{
    animation: loadAnimation 1.25s cubic-bezier(.5,.2,0,1);
    animation-fill-mode: both;
    animation-delay: 0s;
  }
  .percentage span.loaded{
    animation: loadAnimation 1.25s cubic-bezier(.5,.2,0,1);
    animation-fill-mode: both;
    animation-delay: 0s;
  }
  @keyframes loadAnimation {
    from{transform: translateY(0%);}
    to{transform: translateY(80px);}
  }
  @media all and (max-width: 980px){ 
    .percentage{right:auto; left:60%; transform:translateX(-50%); font-size:60px;}
    #loadBG_top{height:45vh;}
    #loadBG_bottom{height:55vh; top:45vh;}
    .loadDiv_pc{top:45vh; transform:translateY(0%);}
  }

  @media all and (max-width: 940px){
    .preloader{display:none;}
  }
  /* 프리로더 끝 */

  .insas_div_1 ul{display:flex; gap:0 50px; margin-top:100px; padding-bottom:10px;}
  .insas_div_1 ul li.insd_li_1{width:40%;}
  .insas_div_1 ul li.insd_li_1 img{width:100%;}
  .insas_div_1 ul li.insd_li_2{width:60%; display:flex; align-items:center;}
  .insas_div_1 ul li.insd_li_2 p{color:#656565; font-size:16px; line-height:160%; word-break:keep-all;}
  .insas_div_1 ul li.insd_li_2 p+p{margin-top:40px;}
  .insas_div_1 ul li.insd_li_2 span{display:block; font-size:22px; font-weight:500; padding-bottom:20px; color:#414141}

  .insas_div_2{margin-top:60px;}
  .insas_div_2 p{font-size:16px; line-height:160%; color:#656565; word-break:keep-all;}
  .insas_div_2 span{display:block; font-size:22px; font-weight:500; padding-bottom:20px; color:#414141}
  
  .wonzang{padding-bottom:20px; padding:25px 20px 25px 30px; background-color: #f7f7f7; border-radius:16px; margin-top:80px;}
  .wonzang ul{display:flex; justify-content:space-between;}
  .wonzang ul li div{display:flex; gap:0 80px;}
  .wonzang ul li div p{width:20%;}
  .wonzang ul li div p img{width:150px; border-radius:10px;}
  .wonzang ul li div span{display:block; }
  .wonzang ul li div span i{font-style:normal; color:#000; font-size:20px; display:block; font-weight:500;}
  .wonzang ul li div span b{font-weight:normal; font-size:15px; color:#656565; line-height:150%; display:block; padding-top:10px;}
  .wonzang_space{height:50px;}