@charset "utf-8";
@import url(page.css);
@import url(animation.css);
@import url("../fonts/noto-sans-kr/noto-sans-kr.css");
@import url("../fonts/roboto/roboto.css");

*{outline:none;}

body{margin:0;padding:0;font-family:'Noto Sans KR', 'Sans-serif';}
button,input[type='text'],input[type='email'],input[type='tel'],input[type='number'],input[type='submit'],input[type='reset']{-webkit-appearance:none;border-radius:0;}

.sitewidth{max-width:1200px;margin:0 auto;padding:0 35px;}

@media screen and (max-width:1000px){
    .sitewidth{padding:0 30px;}
}

@media screen and (max-width:900px){
    .sitewidth{padding:0 25px;}
}

@media screen and (max-width:700px){
    .sitewidth{padding:0 20px;}
}

@media screen and (max-width:500px){
    .sitewidth{padding:0 15px;}
}

@media screen and (max-width:350px){
    .sitewidth{padding:0 10px;}
}


#wrap{position:relative;}

#header{height:105px;line-height:105px;background-color:#ffffff;border-bottom:1px solid #c3c3c3;box-sizing:border-box;padding:0 50px;}
#header:after{content:"";display:block;clear:both;}
#header .left{float:left;}
#header .right{float:right;text-align:right;}
#header .left,
#header .right{width:250px;}
#header .left,
#header .right,
#header .left,
#header .menu_box{height:105px;}
#header .logo{}
#header .logo img{vertical-align:middle;height:54px;}
#header .lang{position:relative;top:50%;line-height:normal;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
#header .lang ul{margin:0;padding:0;list-style:none;display:inline-block;}
#header .lang ul:after{content:"";display:block;clear:both;}
#header .lang ul li{float:left;font-size:17px;font-weight:500;color:#646464;line-height:1.176;white-space:nowrap;}
#header .lang ul li:nth-child(n+2){border-left:3px solid #111111;padding-left:15px;margin-left:15px;}
#header .lang ul li a{text-decoration:none;color:#646464;}
#header .lang ul li.active a{color:#111111;}

#header .menu_box{float:left;width:calc(100% - 500px);}
#header .menu_box .list{}
#header .menu_box .menu_header{display:none;border-bottom:1px solid #333333;height:50px;line-height:50px;box-sizing:border-box;position:relative;}
#header .menu_box .menu_header .menu_logo{padding:0 15px;}
#header .menu_box .menu_header .menu_logo img{height:30px;vertical-align:middle;margin-top:-4px;}
#header .menu_box .menu_header .menu_close{position:absolute;right:0;top:0;width:50px;height:50px;display:inline-block;cursor:pointer;background-image:url(../img/icon_menu_close.png);background-size:20px;background-position:center center;background-repeat:no-repeat;}
#header .menu_box .menu{margin:0 auto;padding:0;list-style:none;max-width:1030px;}
#header .menu_box .menu:after{content:"";display:block;clear:both;}
#header .menu_box .menu > li{float:left;width:16.6666%;box-sizing:border-box;text-align:center;}
#header .menu_box .menu > li .title{text-decoration:none;color:#111111;font-size:18px;font-weight:500;text-transform:uppercase;}
#header .menu_box .menu > li.active .title{color:#f94b06;}
#header .menu_box .menu > li > .submenu{display:none;background-color:#f4f4f4;box-sizing:border-box;max-height:0;overflow:hidden;transition:max-height ease 0.3s;}
#header .menu_box .menu > li > .submenu ul{margin:0;padding:0;list-style:none;padding:10px 0;border-top:1px solid #dddddd;}
#header .menu_box .menu > li > .submenu ul li{font-size:12px;line-height:30px;margin:0;text-align:left}
#header .menu_box .menu > li > .submenu ul li a{padding:0 20px;color:#858585;display:block;text-decoration:none;}
#header .menu_box .menu > li > .submenu ul li a:before{content:"-";margin-right:3px;}

#header .menu_box .submenu_box{background-color:rgba(241,241,241,0.88);position:absolute;left:0;top:105px;width:100%;z-index:10;line-height:1;height:310px;border-bottom:1px solid #f94b06;box-sizing:border-box;max-height:0;overflow:hidden;opacity:0;transition:max-height ease 0.3s,opacity ease 0.3s;}
#header .menu_box .submenu_box .submenu_box_inner{padding:20px 50px;width:calc(100% - 500px);margin:0 auto;box-sizing:border-box;}
#header .menu_box .submenu_box .menu{}
#header .menu_box .submenu_box .menu > li{position:relative;padding:15px 0;height:245px;}
#header .menu_box .submenu_box .menu > li:nth-child(n+2){border-left:1px solid #cccccc;}
#header .menu_box .submenu_box .menu > li > .child_menu{}
#header .menu_box .submenu_box .menu > li > .child_menu ul{margin:0;padding:0;list-style:none;width:100%;}
#header .menu_box .submenu_box .menu > li > .child_menu ul li{white-space:nowrap;color:#111111;font-size:16px;font-weight:400;text-align:center;line-height:1;text-transform:capitalize;}
#header .menu_box .submenu_box .menu > li > .child_menu ul li:nth-child(n+2){margin-top:25px;}
#header .menu_box .submenu_box .menu > li > .child_menu ul li a{color:#111111;text-decoration:none;}
#header .menu_box .submenu_box .menu > li > .child_menu ul li.active a{color:#f94b06;}
#header .menu_box:hover .submenu_box{max-height:330px;opacity:1;}

#header .btn_menu{width:50px;height:50px;display:inline-block;cursor:pointer;background-image:url(../img/icon_menu.png);background-size:25px;background-position:center center;background-repeat:no-repeat;display:none;}


@media screen and (max-width:1700px){
	#header .left,
	#header .right{width:200px;}
	#header .logo img{height:auto;width:90%;}
	#header .menu_box{width:calc(100% - 400px);}
	#header .menu_box .menu{max-width:100%;}
	#header .menu_box .submenu_box .submenu_box_inner{width:calc(100% - 400px);padding:20px 40px;}
}

@media screen and (max-width:1600px){
	#header{padding:0 45px;}
	#header .left{width:200px;}
	#header .right{width:120px;}
	
	#header .lang ul li{font-size:16px;}
	
	#header .menu_box{width:calc(100% - 320px);}
	#header .menu_box .menu > li .title{font-size:17px;}
	#header .menu_box .submenu_box .submenu_box_inner{width:calc(100% - 320px);padding:20px 45px;margin-left:200px;}
	#header .menu_box .submenu_box .menu > li > .child_menu ul li{font-size:15px;}
}

@media screen and (max-width:1400px){
	#header{padding:0 40px;}
	
	#header .lang ul li{font-size:15px;}
	
	#header .menu_box .menu > li .title{font-size:16px;}
	#header .menu_box .submenu_box .submenu_box_inner{padding:20px 40px;}
	#header .menu_box .submenu_box .menu > li > .child_menu ul li{font-size:14px;}
}

@media screen and (max-width:1200px){
	#header{padding:0 35px;}
	#header .left{width:180px;}
	#header .right{width:30px;}
	
	#header .lang ul li{font-size:14px;float:none;}
	#header .lang ul li:nth-child(n+2){border-left:0;margin-left:0;padding-left:0;}
	
	#header .menu_box{width:calc(100% - 210px);}
	#header .menu_box .menu > li .title{font-size:15px;}
	#header .menu_box .submenu_box .submenu_box_inner{width:calc(100% - 210px);padding:20px 35px;margin-left:180px;}
	#header .menu_box .submenu_box .menu > li > .child_menu ul li{font-size:13px;}
}

@media screen and (max-width:1000px){
	#header{padding:0 30px;}
	#header .left{width:150px;}
	#header .right{width:30px;}
	
	#header .lang ul li{font-size:13px;}
	
	#header .menu_box{width:calc(100% - 180px);}
	#header .menu_box .menu > li .title{font-size:14px;}
	#header .menu_box .submenu_box .submenu_box_inner{width:calc(100% - 180px);padding:20px 20px;margin-left:150px;}
	#header .menu_box .submenu_box .menu > li > .child_menu ul li{font-size:12px;}
}

@media screen and (max-width:900px){
	#header{padding:0 25px;position:fixed;left:0;top:0;height:50px;line-height:50px;z-index:10;width:100%;border-bottom:0;}
	#header .left,
	#header .right,
	#header .left,
	#header .menu_box{height:50px;}
	
	#header .right .lang{display:none;}
	#header .logo img{height:30px;width:auto;margin-top:-4px;}
	
	#header .menu_box{position:fixed;left:-275px;top:0;height:100%;width:0;padding:0;z-index:10;}
	#header .menu_box:before{content:"";display:block;background-color:rgba(0,0,0,0);position:absolute;left:0;top:0;width:0;height:100%;z-index:-1;transition:background-color ease 0.5s;}
	#header .menu_box .list{background-color:#ffffff;height:100%;width:275px;transition:margin-left ease 0.2s;position:relative;}
	#header .menu_box .menu_header{display:block;}
	#header .menu_box .menu_header .lang{position:absolute;right:60px;}
	#header .menu_box .menu{display:block;position:absolute;width;height:calc(100% - 50px);width:100%;left:0;top:50px;overflow-y:auto;}
	#header .menu_box .menu > li{float:none;width:auto;border-bottom:1px solid #dddddd;position:relative;text-align:left;}
	#header .menu_box .menu > li:before{content:"";display:block;height:50px;width:100%;position:absolute;left:0;top:0;cursor:pointer;}
	#header .menu_box .menu > li:nth-child(n+2){margin:0;}
	#header .menu_box .menu > li > .title{padding:0 20px;font-size:13px;display:block;cursor:pointer;}
	#header .menu_box .menu > li > .title:after{content:"+";position:absolute;right:20px;font-size:15px;display:inline-block;width:10px;text-align:center;}
	#header .menu_box .menu > li > .submenu{display:block;}
	#header .menu_box .menu > li.active > .title:after{content:"-";font-size:20px;}
	#header .menu_box .menu > li.active > .submenu{max-height:200px;}
	#header .menu_box.active{width:calc(100% + 275px);}
	#header .menu_box.active:before{width:100%;background-color:rgba(0,0,0,0.7);}
	#header .menu_box.active .list{margin-left:275px;}

	#header .menu_box .submenu_box{display:none;}
	#header .btn_menu{display:block;}
}
@media screen and (max-width:700px){
	#header{padding:0 20px;}
}

@media screen and (max-width:500px){
	#header{padding:0 15px;}
}

@media screen and (max-width:350px){
    #header{padding:0 10px;}
    #header .menu_box .menu_header .menu_logo{padding:0 10px;}
}



#content{}
#content .content_header{height:420px;position:relative;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;background-color:#eeeeee;background-image:url(../img/bg_content_header.jpg);}
#content .content_submenu{position:absolute;left:0;bottom:0;line-height:60px;text-align:center;width:100%;}
#content .content_submenu ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;}
#content .content_submenu ul:after{content:"";display:block;clear:both;}
#content .content_submenu ul li{float:left;font-size:18px;font-weight:400;text-align:center;position:relative;color:#ffffff;text-transform:capitalize;background-color:rgba(0,0,0,0.68);box-sizing:border-box;white-space:nowrap;}
#content .content_submenu ul li:nth-child(n+2){margin-left:1px;}
#content .content_submenu ul li a{color:#ffffff;text-decoration:none;display:block;position:relative;padding:0 50px;}
#content .content_submenu ul li a:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;border-top:3px solid transparent;}
#content .content_submenu ul li.active{color:#222222;background-color:#ffffff;}
#content .content_submenu ul li.active a{color:#222222;}
#content .content_submenu ul li.active a:before{border-top-color:#f94b06;}
#content .content_submenu.small ul li a{padding:0 25px;}
#content .content_content{min-height:500px;overflow:hidden;}
#content .content_content > .content_inner >.btnArea{display:none;}

@media screen and (max-width:1300px){
	#content .content_submenu{line-height:55px;}
	#content .content_submenu ul li{font-size:17px;}
	#content .content_submenu ul li a{padding:0 45px !important;}
	#content .content_submenu.small ul li a{padding:0 20px !important;}
}

@media screen and (max-width:1200px){
	#content .content_header{height:350px;}
	
	#content .content_submenu{line-height:50px;}
	#content .content_submenu ul li{font-size:16px;}
	#content .content_submenu ul li a{padding:0 40px !important;}
	#content .content_submenu.small ul li a{padding:0 18px !important;}
}

@media screen and (max-width:1000px){
	#content .content_header{height:300px;}
	
	#content .content_submenu{line-height:45px;}
	#content .content_submenu ul li{font-size:15px;}
	#content .content_submenu ul li a{padding:0 35px !important;}
	#content .content_submenu.small ul li a{padding:0 13px !important;}
}

@media screen and (max-width:900px){
	#content{margin-top:50px;}
	#content .content_header{height:220px;background-image:url(../img/bg_content_header_mobile.jpg);}
	
	#content .content_submenu{line-height:40px;}
	#content .content_submenu ul li{font-size:14px;}
	#content .content_submenu ul li a{padding:0 30px !important;}
	#content .content_submenu.small ul{display:block;}
	#content .content_submenu.small ul li{width:calc(33.333% - 1px);}
	#content .content_submenu.small ul li:nth-child(3n+1){width:33.333%;margin-left:0;}
	#content .content_submenu.small ul li:nth-child(n+4){margin-top:1px;}
	#content .content_submenu.small.odd ul li:nth-last-child(2){width:50%;}
	#content .content_submenu.small.odd ul li:nth-last-child(1){width:calc(50% - 1px);}
	#content .content_submenu.small ul li a{padding:0 10px !important;}
	
	#content .content_submenu.w3 ul{display:block;}
	#content .content_submenu.w3 ul li{width:calc(33.333% - 1px);}
	
	#content .content_submenu.w4 ul{display:block;}
	#content .content_submenu.w4 ul li{width:calc(50% - 1px);}
	#content .content_submenu.w4 ul li:nth-child(n+3){margin-top:1px;}
	#content .content_submenu.w4 ul li:nth-child(3){margin-left:0;}
}

@media screen and (max-width:700px){
	#content .content_submenu{line-height:37px;}
	#content .content_submenu ul li{font-size:13px;}
	#content .content_submenu ul li a{padding:0 25px !important;}
	#content .content_submenu.small ul li a{padding:0 10px !important;}
}

@media screen and (max-width:500px){
	#content .content_submenu{line-height:35px;}
	#content .content_submenu ul li{font-size:12px;}
	#content .content_submenu ul li a{padding:0 20px !important;}
	#content .content_submenu.small ul li{font-size:11px;}
	#content .content_submenu.small ul li a{padding:0 5px !important;}
}

@media screen and (max-width:380px){
	#content .content_header{height:180px;}
	
	#content .content_submenu{line-height:32px;}
	#content .content_submenu ul li{font-size:12px;}
	#content .content_submenu ul li a{padding:0 15px !important;}
	#content .content_submenu.small ul li{font-size:9px;}
	#content .content_submenu.small ul li a{padding:0 2px !important;}
}

@media screen and (max-width:350px){
	#content .content_submenu ul li a{padding:0 10px !important;}
} 




#footer{padding:65px 0 50px;background-color:#ededed;}
#footer .inner{}
#footer .inner:after{content:"";display:block;clear:both;}
#footer .left{float:left;width:350px;}
#footer .right{float:right;width:calc(100% - 350px);}
#footer .logo{}
#footer .logo img{vertical-align:middle;height:54px;}
#footer .info{}
#footer .info ul{margin:0;padding:0;list-style:none;white-space:nowrap;}
#footer .info ul:nth-child(n+2){margin-top:12px;}
#footer .info ul:after{content:"";display:block;clear:both;}
#footer .info ul li{font-size:16px;color:#333333;font-weight:400;display:inline-block;line-height:1;}
#footer .info ul li:nth-child(n+2){margin-left:10px;padding-left:10px;border-left:1px solid #333333;}
#footer .info ul li b{font-weight:600;}
#footer .copyright{font-size:14px;font-weight:400;line-height:1;color:#333333;margin-top:50px;}

@media screen and (max-width:1200px){
	#footer{padding:55px 0 45px;}
	#footer .left{width:230px}
	#footer .right{width:calc(100% - 230px);}
	
	#footer .logo img{height:auto;width:80%;}
	#footer .info ul:nth-child(n+2){margin-top:10px;}
	#footer .info ul li{font-size:14px;}
	#footer .info ul li:nth-child(n+2){margin-left:9px;padding-left:9px;}
	#footer .copyright{font-size:13px;margin-top:40px;}
}

@media screen and (max-width:1000px){
	#footer{padding:50px 0 40px;}
	#footer .left{width:180px}
	#footer .right{width:calc(100% - 180px);}
	
	#footer .info ul:nth-child(n+2){margin-top:8px;}
	#footer .info ul li{font-size:13px;}
	#footer .info ul li:nth-child(n+2){margin-left:8px;padding-left:8px;}
	#footer .copyright{font-size:12px;margin-top:35px;}
}

@media screen and (max-width:900px){
	#footer{padding:40px 0;}
	#footer .left{width:auto;float:none;}
	#footer .right{width:auto;float:none;}
	
	#footer .logo{text-align:center;}
	#footer .logo img{height:45px;width:auto;}
	#footer .info{text-align:center;margin-top:35px;}
	#footer .info ul{white-space:normal;}
	#footer .info ul:nth-child(n+2){margin-top:7px;}
	#footer .info ul li:nth-child(n+2){margin-left:7px;padding-left:7px;}
	#footer .copyright{margin-top:40px;text-align:center;}
}

@media screen and (max-width:700px){
	#footer{padding:35px 0;}
	#footer .logo img{height:40px;}
	#footer .info{margin-top:30px;}
	#footer .info ul:nth-child(n+2){margin-top:6px;}
	#footer .info ul li{font-size:12px;}
	#footer .info ul li:nth-child(n+2){margin-left:6px;padding-left:6px;}
	#footer .info ul li.br{display:block;margin-top:6px;border:0;}
	#footer .copyright{margin-top:30px;}
}

@media screen and (max-width:500px){
	#footer{padding:32px 0;}
	#footer .logo img{height:30px;}
	#footer .info{margin-top:20px;}
	#footer .info ul:nth-child(n+2){margin-top:5px;}
	#footer .info ul li{font-size:10px;}
	#footer .info ul li:nth-child(n+2){margin-left:5px;padding-left:5px;}
	#footer .info ul li.br{display:block;margin-top:5px;}
	#footer .copyright{font-size:10px;margin-top:20px;}
}

@media screen and (max-width:350px){
	#footer{padding:28px 0;}
	#footer .info{margin-top:18px;}
	#footer .info ul li{font-size:9px;}
	#footer .copyright{font-size:9px;margin-top:18px;}
}