@charset "utf-8";

*{ margin : 0; padding : 0; }
li{list-style : none;}
a{ text-decoration : none; }
img{vertical-align:middle;}

@font-face {
    font-family: YouandiModernTR;
    font-style: normal; 
    font-weight: normal; 
    src: url(../font/Youandi_Modern_TextRegular.woff); 
}

@font-face {
    font-family:YouandiModernHEB; 
    font-style: normal; 
    font-weight: normal; 
    src: url(../font/Youandi_Modern_HeadExtraBold.woff); 
}




.clearfix::after{content:''; display:block; clear:both;}
body{font-family:YouandiModernTR;}
.wrapper{width:1170px; margin:0 auto;}

/*header*/
#header{width:100%; height:70px; background-color:#000; position:fixed; top:0; left:0; z-index:999; line-height:70px;}
#header h1{background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:center; width:150px; line-height:70px; float:left; text-indent : -9999px;}
#header h1 a{color:#fff; display:block;}



#header ul.gnb{float:right; margin-right:30px;}
#header ul.gnb>li{display:inline-block; width:130px; text-align:center; position:relative;}
#header ul.gnb li a{color:#aaa; display:block;}
#header ul.gnb li a:hover{color:#fff;}

/*메뉴이너*/
#header ul.gnb li ul.inner{
	position : absolute;
	top : 70px;
	left : 0;
	width:100%;
	line-height:50px;
	background-color : white;
	display:none;
	opacity:1;
}
#header ul.gnb li ul.inner a{color:#000;}
#header ul.gnb li ul.inner li{line-height:38px;}

#header ul.company{float:right;}
#header ul.company li{font-size:11px; display:inline-block; color:#aaa; width:20px;}
#header ul.company li:nth-child(2){color:#fff;}
#header ul.company li:nth-child(3){margin-left:20px; cursor:pointer;}


/*검색어입력창*/
#header ul.company li.search{position:relative;}
#header ul.company li.search .search_box{width:1170px; height:100px;position:absolute;top:65px; right:0; display:none;}

#header ul.company li.search .search_box input{width:1170px; height:100px; font-size:20px; border:solid 3px black; }



#main1{width:100%; height:500px; background-image:url(../images/sub1-bg.jpg); background-size:cover; background-position:center; text-align:center;}
#main1 .main_txt{width:280px; margin:0 auto;}
#main1 h2{font-size:50px; padding-top:200px; color:#fff;}
#main1 .main_txt p{color:#aaa; text-align:center;}


#location{width:100%; background-color:#000; line-height:40px; border-top:solid 1px #626262; height:40px; z-index:99;}
#location ul.path li.menu{float:left; width:130px; text-align:center; border-right:solid 1px #626262; display:block;}
#location ul.path li.menu1{font-size:10px; background-image:url(../images/web-page-home.png);background-size:contain; background-repeat: no-repeat; background-position:center; text-indent : -9998px; border-left:solid 1px #626262;}
#location ul.path li.menu1{width:40px;}
#location ul.path li.menu2 span{color:#fff;}
#location ul.path li.menu a{display:block; color:#fff;}
#location ul.path li.menu img{text-align:center; margin-left:10px;}
#location ul.path li.menu3{width:140px;}

#location ul.path li.menu3 ul.sub_path{
	background-color:#000;
	display:none;
}

#location ul.path li.menu3 ul.sub_path a{color:#aaa; }
#location ul.path li.menu3 ul.sub_path li:nth-child(2) a{color:#fff;}
#location ul.path li.menu3 ul.sub_path a:hover{color:#fff;}

.fixed{
	position : fixed;
	top:70px;
	left:0;
	width : 100%;
	z-index : 999;
}
section{text-align:center;}
section #sec1 .sec1_box1 h3 span{color:#32bed7; margin-right:10px;}
section #sec1{padding-top:100px;}
section #sec1 .sec1_box{ margin-bottom:200px;}
section #sec1 .sec1_box h2{ padding:10px 0; border-bottom:solid 5px #32bed7;}
section #sec1 .sec1_box .sec1_inner{background-color:#edeff6;}
section #sec1 .sec1_box .sec1_inner p{padding:30px 0; line-height:1.5em;}
section #sec1 .sec1_box .sec1_inner p span{background-color:#95cede;}
section #sec1 .sec1_box1 > h3{ padding:10px 0; margin-bottom:100px;}
section #sec1 .sec1_box1 h3 span{color:#32bed7; margin-right:10px;}
section #sec1 .sec1_box1 .sec1_inner1{text-align:center; margin-bottom:200px;}





section #sec2 .sec2_box1{ margin-bottom:200px;}
section #sec2 .sec2_box1 h2{ padding:10px 0; border-bottom:solid 5px #32bed7;}
section #sec2 .sec2_box1 .sec2_inner{ background-color:#edeff6;}
section #sec2 .sec2_box1 .sec2_inner p{padding:30px 0; line-height:1.5em;}

section #sec2 .sec2_box2 h3 span{color:#32bed7; margin-right:10px;}
section #sec2 h3{ padding:10px 0; margin-bottom:20px;}

section #sec2 .sec2_box2 .box2_top{ color:#333c75;margin-bottom:100px;}
section #sec2 .sec2_box2 .box2_top > p{line-height:1.5em;}
/*윤리강령 박스*/
section #sec2 h4{font-size:20px; margin-bottom:30px;}
section #sec2 h5{font-size:17px; margin-bottom:20px;}
section #sec2 .sec2_box2 p{line-height:2em;}
section #sec2 .sec2_box2 p.boldd{font-weight:bold;}
section #sec2 .sec2_box2 .box2_a{margin:0 auto; text-align:center; background-color:#d6d8e3; width:1000px; height:500px; margin-bottom:200px;}
section #sec2 .sec2_box2 .box2_a .box2_b{width:160px; float:left; margin-top:150px; margin-left:20px;}
section #sec2 .sec2_box2 .box2_a .box2_c{width:800px; height:460px; background-color:rgba(255,255,255,0.3); float:right;margin-right:20px; margin-top:20px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c1{width:160px; float:left; margin-left:20px; margin-top:100px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2{width:600px; height:420px; float:right; margin-right:20px; margin-top:20px;}

section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li{width:280px; height:200px; background-color:rgba(255,255,255,0.5); ; float:right; margin-left:20px; border: solid #eff1f9;
    box-sizing: border-box; transition:all 1s;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:nth-child(2){margin-bottom:20px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:nth-child(1) div{margin-top:60px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:nth-child(2) div{margin-top:30px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:nth-child(3) div{margin-top:45px;}
section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:nth-child(4) div{margin-top:30px;}

section #sec2 .sec2_box2 .box2_a .box2_c .box2_c2 ul.box2_d li:hover{border:solid #d6d8e3;}

section #sec2 .sec2_box3{margin-bottom:200px;}
section #sec2 .sec2_box3 .box3_top{ color:#333c75;margin-bottom:100px;}
section #sec2 .sec2_box3 p{line-height:2em;}
section #sec2 .sec2_box3 .box3_top > p{line-height:1.5em;}
section #sec2 .sec2_box3 .box3_icon{margin: 50px auto;}
section #sec2 .sec2_box3 .box3_icon ul li{line-height:50px; display:inline-block; font-size:30px; margin:0 20px;}
section #sec2 .sec2_box3 .box3_icon ul li > p{font-size:15px; margin-top:10px;}
section #sec2 .sec2_box3 .box3_icon ul li:nth-child(1){line-height:50px;}
section #sec2 .sec2_box3 .box3_icon ul li:nth-child(3){margin-left:50px;}
section #sec2 .sec2_box3 .box3_icon ul li:nth-child(4){margin-left:50px;}
section #sec2 .sec2_box3 .box3_icon ul li:nth-child(5){margin-left:50px;}


section #sec3 .sec3_box1{ margin-bottom:200px;}
section #sec3 .sec3_box1 h2{ padding:10px 0; border-bottom:solid 5px #32bed7;}
section #sec3 .sec3_box1 .sec3_inner{background-color:#edeff6;}
section #sec3 .sec3_box1 .sec3_inner p{padding:30px 0; line-height:1.5em;}


section #sec3 .sec3_box2{ margin-bottom:300px;}
section #sec3 .sec3_box2 h3 span{color:#32bed7; margin-right:10px;}
section #sec3 h3{ padding:20px 0; margin-bottom:20px;}
section #sec3 .sec3_box2 .sec3_inner{width:900px; height:200px; background-color:#f3f3f3;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1{width:900px; position:relative;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1 li{float:left; width:300px;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1 li h4{line-height:50px; background-color:#d6d8e3;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1 li div{display:none; position:absolute; top:50px; left:0; margin-top:45px;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1 li div.on{display:block;}
section #sec3 .sec3_box2 .sec3_inner ul.inner1 p{color:#aaa; }
section #sec3 .sec3_box2 .sec3_inner ul.inner1 p.sp{color:#000;}


ul.inner1 li h4.on4{border-bottom:solid #32bed7;}












#footer{width:100%; height:100px; background-color:#000; text-align:center;}
#footer div.sns img{width:20px; padding:10px;}
#footer div.foot_txt{color:#fff; font-size:12px; color:#aaa;}