@charset "utf-8";

@import url("fonts/notosans/notosans.css");
@import url("fonts/nanumsquare/nanumsquare.css");
@import url("fonts/nanumgothic/NanumGothic.css");


/* CSS Document */
html, body {position:relative; color:#333333; font-size:15px; font-family: "Nanum Gothic", sans-serif;/*"Noto Sans KR",  'Sans-serif' !important; */margin:0; padding:0; height:100%; width:100%; letter-spacing:-0.3px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, input, blockquote, th, td, thead, tbody, legend, label, select, option, button, fieldset, select, textarea {margin:0; padding:0;}
button {cursor: pointer;}
ol, ul, dl {list-style: none; padding:0; margin:0;}
fieldset, img {border:0; margin:0; padding:0; outline:0;}
input, select, button {vertical-align: top;}
li{list-style:none;padding:0;margin:0;}
textarea {overflow: auto;vertical-align: top;}
label {cursor: pointer;}
table {width:100%; border-collapse:collapse; table-layout:fixed; border-spacing:0; word-break:break-all;}
a {text-decoration: none; cursor: pointer; color:#6b6b6b;}
section, article, aside, hgroup, header, footer, nav, figure, figcaption, time, mark, canvas, video, audio, details, summary {display: block;}
h2{padding:0; margin:0; font-size:19px; letter-spacing: -1.5px;}
table caption {height: 0;width: 0;text-indent: -9999px;}
input {-webkit-border-radius:0;  -webkit-appearance:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance: none; -webkit-border-radius:0; -moz-border-radius:none; border-radius:0;}
select::-ms-expand {display:none}
input[type='tel'], input[type='url'], input[type='number'], input[type='email'], input[type='text'], input[type='password'], input.text, input.password
{border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #fff; line-height:1.25em; margin: 1px;padding: 0.2em 5px 0.3em 5px; height: 27px; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none;}
address{font-style: normal;}
.ns{font-family: 'NanumSquare', sans-serif;}

#wrap {width:100%; height:100% !important; margin: 0 auto;}

.main section .container {position:relative; top:0; margin: 0 auto 0;  z-index: 3; margin:0 auto;}
body.disabled-onepage-scroll .onepage-wrapper section{min-height: 100%;height: auto;}
body.disabled-onepage-scroll .main section .container, body.disabled-onepage-scroll .main section.cont02 .container {/*padding: 20px; margin-top: 150px;*/-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body.disabled-onepage-scroll  section .container h1{text-align: center; font-size: 50px;}
body.disabled-onepage-scroll section .container h2, body.disabled-onepage-scroll section .container .credit, body.disabled-onepage-scroll section .container .btns{text-align: center;width: 100%;}
body.disabled-onepage-scroll .main section > img {position: relative;max-width: 80%;bottom: 0;}
body.disabled-onepage-scroll code {width: 95%;margin: 0 auto 25px;float: none;overflow: hidden;}
body.disabled-onepage-scroll .main section.cont02 .container {/*width: 90%;*/margin-left: auto;margin-right: auto;right: 0;}

.bubbles {display: inline-block;font-family: arial;position: relative;}
.individual-bubble {position: absolute;border-radius: 100%; bottom:10px; background-color:rgba(255,255,255,0.5); z-index: 1;}

/*header*/
header{width:100%; position:relative;}
header .h_menu{position:absolute; width:100%; top:0; left:0; z-index:10; border-bottom:solid 1px #fff; background: rgba(0, 0, 0, 0.09);}
header .h_menu nav{width:1200px; margin:0 auto; overflow:hidden;}
header .h_menu nav p{float:left; width:209px;}
header .h_menu nav p img{padding-top:22px;}
header .h_menu nav p a{display:block;}
header .h_menu nav ul{float:left; width:941px; margin-left:50px; overflow:hidden;}
header .h_menu nav ul li{float:left; width:20%; text-align:center; font-size:20px; font-weight:600; letter-spacing:-2.0px; line-height:100px;}
header .h_menu nav ul li a{color:#fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}

header .snb{display:none; position:absolute; top:0; left:0; z-index:10; width:100%;}
header .s_menu{background:#ffffff; overflow:hidden;}
header .s_menu .h_logo{padding-top:25px;}
header .s_menu nav{width:1200px; margin:0 auto;  overflow:hidden;}
header .s_menu nav p{float:left;}
header .s_menu nav p a{display:block;}
header .s_menu nav ul{float:left; width:941px; margin-left:45px; overflow:hidden;}
header .s_menu nav ul li{float:left; width:20%; text-align:center; font-size:20px; font-weight:500; letter-spacing:-2.0px; line-height:100px;}
header .s_menu nav ul li a{color:#333; display:block; font-weight:600;}

header .s_menu .sub{width:100%; background:#f7f7f7; border-top:solid 1px #ddd; padding:12px 0; overflow:hidden; box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);}
header .s_menu .sub .sub_wrap{width:1200px; margin:0 auto; font-size:15px; letter-spacing:-1.2px; line-height:39px;}
header .s_menu .sub .sub_wrap .intro{float:left; width:226px; margin-right:16px; padding:30px 0;}
header .s_menu .sub .sub_wrap .intro p.intro_go{background:url("../images/common/menu_l_arrow.png") no-repeat right 35px; line-height:20px; padding:20px 0;}
header .s_menu .sub .sub_wrap .intro p.intro_go a{color:#666; font-weight:600;}

header .s_menu .sub .sub_wrap ul{float:left; /*width:957px;*/ text-align:center; overflow:hidden;}
header .s_menu .sub .sub_wrap ul:first-child:hover{border-top:solid 3px #363d7d;}
header .s_menu .sub .sub_wrap ul li{float:left; width:191px; overflow:hidden; /*padding:30px 0;*/}
header .s_menu .sub .sub_wrap ul li a{color:#333; display:block;}
header .s_menu .sub .sub_wrap ul li a:hover{color:#363d7d !important; font-weight:600; text-decoration: underline;}
header .s_menu .sub .sub_wrap ul li ul{padding:0; padding:13px 0;}
header .s_menu .sub .sub_wrap ul li ul li{float:none; padding:0;}
header .s_menu .sub .sub_wrap ul li ul li span{letter-spacing:0;}

header .s_menu .sub .sub_wrap ul li .smenu{overflow:hidden;}
header .s_menu .sub .sub_wrap ul li .smenu a{display:block; font-size:14px; color:#666;}
header .s_menu .sub .sub_wrap ul li .smenu a:hover{color:#363d7d !important; font-weight:600; text-decoration: underline; background:#e2e2e2;}

header .s_menu .sub .sub_wrap ul li:first-child:hover{background:#eaeaea;}
header .s_menu .sub .sub_wrap ul li:first-child:hover .smenu{background:#e2e2e2;}
header .s_menu .sub .sub_wrap ul li:nth-child(2):hover, header .s_menu .sub .sub_wrap ul li:nth-child(3):hover, header .s_menu .sub .sub_wrap ul li:nth-child(4):hover, header .s_menu .sub .sub_wrap ul li:last-child:hover{background:#eaeaea;}
header .s_menu .sub .sub_wrap ul li:nth-child(2) ul, header .s_menu .sub .sub_wrap ul li:nth-child(3) ul, header .s_menu .sub .sub_wrap ul li:nth-child(4) ul, header .s_menu .sub .sub_wrap ul li:last-child ul{height:377px;}

header .s_menu .sub .sub_wrap .intro{padding: 30px 0 100px 0;}

header .s_menu nav ul li:hover div.m1{background:#eaeaea; overflow:hidden;border-top:solid 2px #363d7d;}
header .s_menu nav ul li div.m1{position:relative; z-index:2; overflow:hidden; height:350px; padding-top:10px;}
header .s_menu nav ul li div.m1:hover{background:#eaeaea; overflow:hidden; border-top:solid 2px #363d7d;}
header .s_menu nav ul li div.m1:hover ul.smenu{background:#e2e2e2;}

header .s_menu nav ul li div.m1 ul{margin-left:0;}
header .s_menu nav ul li div.m1 ul li{margin-left:0; float:none; line-height:38px; font-size:16px; letter-spacing:-0.8px; padding-top:3px;}
header .s_menu nav ul li div.m1 ul li a{font-weight:400;}
header .s_menu nav ul li div.m1 ul li a:hover{color:#fff; background:#707070;}
header .s_menu nav ul div.m1 ul.smenu{margin-left:0; width:100%; background:#e2e2e2;}

header .s_menu nav ul div.m1 ul.smenu li{line-height:26px; font-size:15px; font-weight:400; letter-spacing:0; width:100%;}
header .s_menu nav ul div.m1 ul.smenu li a{color:#666;}
header .s_menu nav ul div.m1 ul.smenu li a:hover{color:#fff;}

header .s_menu .sub{position: absolute; top:101px; z-index:1;}


/*mobile_menu*/
header .m_allmenu{display:none;}


/*footer*/
.banner{width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
.banner .banner_list{/*width:870px; float:left;*/}
.banner .banner_list dl{overflow:hidden;}
.banner .banner_list dl dd{border:solid 1px #ddd; /*width:163px; margin-right:9px;*/width:160px; margin-right:10px;  text-align:center; float:left; cursor:pointer;}
.banner .banner_list dl dd:last-child{margin-right:0;}

/*.banner .link_box{width:330px; float:left;}
.banner .link_box ul{overflow:hidden; border:solid 1px #ddd; padding:15px; text-align:center;}
.banner .link_box ul li{float:left; width:149px; font-size:15px; letter-spacing: -1.5px;}
.banner .link_box ul li:last-child{border-left:solid 1px #ddd; width:148px;}
.banner .link_box ul li a{color:#666; display:block;}*/

footer{background:#1c1c1c; width:100%; position:relative;}
footer .f_wrap{width:1200px; margin:0 auto; color:#6b6b6b; padding:72px 0; overflow:hidden; position: relative;}
footer .f_wrap div.img{width:242px; float:left;}
footer .f_wrap address{width:918px; float:left; font-size:15px; padding:10px 20px; font-weight:600; letter-spacing:-0.5px; position:relative;}
footer .f_wrap address span.tel{display:inline-block; font-size:15px;}
footer .f_wrap address span.tel a{color:#6b6b6b;}
footer .f_wrap address span{font-size:13px; display:block; padding-top:3px;}
footer .f_wrap address span.e-add{font-size:15px; letter-spacing:0; padding:4px 0;}
.admin_btn{position:absolute; bottom:9px; left:333px;}

/*back-top*/
#back_top{display:none;}
.sub_foot #back_top{display:block; position:absolute;  /*right:14%;*/ top:0; right:0; bottom:150px; z-index:1;}