@charset "utf-8";

@import url('noto_kr.css');

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,h1,h2,h3,h4,div,ul,ol,li,dl,dt,dd,a,p,img,fieldset,select,option,input,form,legend,span,hr,address,button{margin:0px; padding:0px;}
body{font-size:12px; line-height:160%; color:#333; font-family:'Malgun Gothic', dotum, serif; min-height:100%; min-width:100%;}
input,button,textarea,div,span,th,td,li,dl,dt,dd{font-size:12px; font-family:'Malgun Gothic', dotum, serif; color:#333;}
hr,.skip,caption,legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
ul,ol{list-style-type:none;}
i,em,address{font-weight:normal;}
label,button{cursor:pointer;}
img,fieldset,iframe{border:0px none;}
input,select,img,button,a{vertical-align:middle;}
input,textarea,select,button{outline-style:none;}
input:focus,textarea:focus,select:focus {outline-style:none;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
font{vertical-align:top !important;}
.clear{clear:both;}
a:link,a:visited{text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;}

/* skipnavigation */
#skipnavigationMenu a{display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:10px; left:20px; font-size:12px; text-decoration:none;}
#skipnavigationMenu a:hover,
#skipnavigationMenu a:focus,
#skipnavigationMenu a:active{width:150px; height:auto; border:1px solid #333; color:#333; font-family:"돋움",dotum,Verdana,sans-serif; text-align:center; padding:3px 0 2px 0; background:#fff; z-index:9999;}

/*layout*/
#wrapper{width:100%; position:relative; min-width:1200px;}

/*header */
#header{width:120px; height:100%; position:fixed; top:0; left:0; background-color:#fff; z-index:99999999;}
#header_bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background-color:rgba(0,0,0,0); display:none;}
.in_box{padding:30px 0 0 30px;}
.in_box .menu_open{cursor:pointer;}
.in_box .ment{margin-top:20px;}
.in_box .inq_online{position:absolute; bottom:140px; left:30px; width:140px; height:100px; padding-top:25px; background-color:#fa8700; cursor:pointer;}
.in_box .inq_online h3{font-size:15px; line-height:20px; color:#fff; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:200;}
.in_box .inq_online .icon{text-align:center; margin-top:5px;}

.in_box .inq_tel{position:absolute; bottom:30px; left:30px; width:140px; height:100px; padding-top:30px; background-color:#000;}
.in_box .inq_tel h3{font-size:15px; line-height:20px; color:#fff; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:200;}
.in_box .inq_tel .tel{font-size:16px; line-height:24px; color:#ff9518; font-family: 'Noto Sans KR', sans-serif; text-align:center; font-weight:300;}

.out_box{background-color:#fff; display:none;}
.out_box .logo{padding:30px 0 0 40px;}
.out_box .menu_close{position:absolute; top:30px; right:-60px; cursor:pointer;}
.out_box .gnb_nav{padding:10px 0 30px 40px;}
.out_box .gnb_nav li{}
.out_box .gnb_nav li>a{display:block; font-size:20px; line-height:50px; color:#000; font-weight:400; font-family: 'Noto Sans KR', sans-serif; border-bottom:1px solid #e5e5e5;}
.out_box .gnb_nav li>a strong{display:inline-block; font-size:16px; line-height:50px; color:#4d4d4d; font-weight:200; font-family: 'Noto Sans KR', sans-serif; width:125px;}
.out_box .gnb_nav li:hover>a{color:#ff9518; border-bottom:1px solid #ff9518; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.out_box .gnb_nav li:hover>a strong{color:#ff9518; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.out_box .gnb_nav li .dep02{padding:10px 0;}
.out_box .gnb_nav li .dep02 li{}
.out_box .gnb_nav li .dep02 li a{display:block; font-size:17px; line-height:34px; color:#979797; background:url("../images/gnb_dep02_bold.jpg") 130px center no-repeat; padding-left:140px; border-bottom:0 none;}
.out_box .gnb_nav li .dep02 li a:hover{color:#000;}

.out_box .copyright{padding:20px 40px; background-color:#ededed;position:absolute; bottom:0; left:0; width:100%;}
.out_box .copyright .eng_ment{font-size:15px; line-height:20px; color:#bfbfbf; text-align:center; font-family: 'Noto Sans KR', sans-serif; margin-top:10px; font-weight:200;}
.out_box .copyright .tel{font-size:24px; line-height:30px; color:#ff9518; text-align:center; font-family: 'Noto Sans KR', sans-serif;}


.out_box .left_inq{padding:40px 40px 20px; background-color:#ededed;}
.out_box .left_inq h3{font-size:20px; line-height:25px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:400;}
.out_box .left_inq .tit{font-size:14px; line-height:25px; color:#696969; font-family: 'Noto Sans KR', sans-serif; margin-top:10px;}
.out_box .left_inq .it_txt{width:100%; height:40px; font-size:14px; line-height:38px; color:#8e8e8e; border:1px solid #ddd; border-radius:5px; font-family: 'Noto Sans KR', sans-serif; padding:0 10px; margin-bottom:5px;}
.out_box .left_inq .it_area{width:100%; height:70px; font-size:14px; line-height:24px; color:#8e8e8e; border:1px solid #ddd; border-radius:5px; font-family: 'Noto Sans KR', sans-serif; padding:10px; margin-bottom:5px; resize:none;}
.out_box .left_inq .info_txt{margin-top:10px;}
.out_box .left_inq .info_txt li{float:left; width:218px;}
.out_box .left_inq .info_txt li:nth-child(2){float:right;}
.out_box .left_inq .info_txt li:nth-child(4){float:right;}

.out_box .os_list{height:40px;margin-bottom:10px;}
.out_box .os_list li{float:left; width:33%;}
.out_box .os_list li input[type=radio]{display:none;}
.out_box .os_list li label{display:block;width:100%; height:40px; font-size:14px; line-height:38px; color:#8e8e8e; border:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; background-color:#fff; text-align:center;}
.out_box .os_list li:nth-child(1) label{border-radius:5px 0 0 5px; border-right:0 none;}
.out_box .os_list li:nth-child(2){width:34%;}
.out_box .os_list li:nth-child(2) label{}
.out_box .os_list li:nth-child(3) label{border-radius: 0 5px 5px 0; border-left:0 none;}
.out_box .os_list li input[type=radio]:checked + label {background-color:#000; border:1px solid #000; color:#fff;}

.out_box .type_list{height:40px;margin-bottom:10px;}
.out_box .type_list li{float:left; width:33%;}
.out_box .type_list li input[type=radio]{display:none;}
.out_box .type_list li label{display:block;width:100%; height:40px; font-size:14px; line-height:38px; color:#8e8e8e; border:1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; background-color:#fff; text-align:center;}
.out_box .type_list li:nth-child(1) label{border-radius:5px 0 0 5px; border-right:0 none;}
.out_box .type_list li:nth-child(2){width:34%;}
.out_box .type_list li:nth-child(2) label{}
.out_box .type_list li:nth-child(3) label{border-radius: 0 5px 5px 0; border-left:0 none;}
.out_box .type_list li input[type=radio]:checked + label {background-color:#000; border:1px solid #000; color:#fff;}
.out_box .it_btn{display:block; width:100px; height:40px; font-size:14px; color:#343434; border:1px solid #343434; text-align:center; background-color:transparent; border-radius:40px; margin:0 auto;}

.out_box .inq_list{height:40px; margin-bottom:5px;}
.out_box .inq_list li{float:left; width:50%; margin-bottom:5px;}
.out_box .inq_list li input[type=checkbox]{display:none;}
.out_box .inq_list li label{display:block;width:100%; height:40px; font-size:14px; line-height:38px; color:#8e8e8e; border:1px solid #ddd; border-radius: 0 5px 5px 0 ; font-family: 'Noto Sans KR', sans-serif; background-color:#fff; text-align:center;}
.out_box .inq_list li:nth-child(1) label{border-radius:5px 0 0 5px; border-right:0 none;}
.out_box .inq_list li:nth-child(2) label{}
.out_box .inq_list li:nth-child(3) label{border-radius:5px 0 0 5px; border-right:0 none;}
.out_box .inq_list li:nth-child(4) label{}
.out_box .inq_list li input[type=checkbox]:checked + label {background-color:#000; border:1px solid #000; color:#fff;}

/* footer */
#footer{width:100%; height:160px;position:absolute; bottom:0; left:0; padding:50px 0 50px;}
#footer .in_footer{width:1400px; margin:0 auto; position:relative; padding:0 50px}
#footer .in_footer address{font-size:13px; line-height:21px; color:#7c7482; font-style:normal;  font-family: 'Noto Sans KR', sans-serif;  font-weight:200; float:left; padding-left:130px; text-align:left;}
#footer .in_footer address a{color:#7c7482;}
#footer .in_footer .foot_logo{float:right;}
.top_btn{position:fixed; bottom:25px; right:25px;}
@media screen and (max-width: 1400px) {
	#footer .in_footer{width:100%;  min-width:1200px;}
}