@charset "utf-8";




/* 전체레이아웃 설정값 */
#wrap{ min-width:320px; overflow:hidden;}
.ly_center{ width:1200px; margin:0 auto;position:relative;} /* 모바일일떄 100% 센터정렬*/
.ly_center_mom{ width:1200px; margin:0 auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.ly_w100{width:100%; position:relative;background:url("/images/002eng/inc/sub_menu_back01.jpg") left top repeat-y;}
.ly_w100_01{width:100%; position:relative;}

#container_main { position:relative;}
#container { background:url("/images/002eng/inc/history_back01.gif") left top repeat-x;}
#content_guide{ display: inline-block; width:920px; position:relative;background:url("/images/002eng/inc/content_guide_back01.jpg") left top no-repeat; padding-left:65px;}
#content{min-height:400px; width:100%; display:inline-block; margin:30px 0; color:#555;}




/* 서브타이틀 */
.history{ height:40px; margin-bottom:55px; overflow:hidden;}
.history li { background:url("/images/002eng/inc/arrow01.png") left center no-repeat; padding-left:45px; margin-right:10px; float:left;line-height:40px;  color:#fff; font-size:13px;}
.history li img{ margin-top:-4px;}
.history li a{color:#fff;}
.history li:first-child{ background: url("/images/002eng/inc/home01.png")left center no-repeat; padding-left:0; width:17px; height:39px; text-indent:-9999px;}
.history .hpoint a{ font-weight:600; color:#fff600;}

.title_guide{ position:relative; margin-bottom:20px;}
.title_guide h3{ color:#000; font-size:30px; letter-spacing:-1px;  border-bottom:1px solid #d2d2d2; padding-bottom:20px; margin-top:45px;}
.title_guide h3 span{ color:#032bbf;}




/* 어플리케이션레이아웃 */
.app{ position: absolute; right:0; top:0;}
.app li { margin-left:5px; float:left;}




/* 푸터레이아웃 */

#footer{margin:0; background:#fff; border-top:1px solid #DFDFDF; padding:30px 0; position:relative; clear:both; float:none;}

#footer .logo_copy{ vertical-align:top; display:inline-block; width:17%; margin-right:3%;}
#footer .address {display:inline-block;width:100%;position:relative;}

#footer .address .add_txt01 {margin-bottom:15px;}
#footer .address .add_txt01 li { font-size:14px; display:inline-block; padding:0 15px; font-weight:600; background:url("/images/002eng/inc/line02.png") left top repeat-y;}
#footer .address .add_txt01 li:first-child{ background:none;}
#footer .address .add_txt01 li a { color:#313131;}

#copyright { padding-top:15px;line-height:1.4em; float:left;}
#copyright .f_tell{ margin-left:10px;}
#copyright .f_copy{ width:100%; display:block;}




/* 맨위로버튼 */
.first_top_go {  position: absolute; right:0; z-index:999; top:10px;}


/* 조직도 */
.org_guide01 {padding-bottom:40px; display: inline-block; width:720px; text-align:center;background: url("/images/002eng/content/org_line01.gif") 360px top no-repeat; position:relative;}  
.org_guide01 span.president {background: url("/images/002eng/content/sub02_vi02.png") right bottom no-repeat; color:#fff; font-size:25px; font-weight:600; letter-spacing:-1px; padding:12px 5%; display:inline-block; border-radius:5px; box-shadow:1px 4px 8px #c2c2c2; margin-bottom:30px; text-align:center; clear:both; width:140px;}  
.org_guide01 ul { width:230px; position:absolute; right:0; top:15px;} 
.org_guide01 .pr01 { display:inline-block; font-weight:600;text-align:center; color:#fff;  border-radius:5px; box-shadow:1px 4px 8px #c2c2c2; font-size:13px; padding:7px 0; background:#15aeda url("/images/000inc/org_bg01.png") left top repeat; background-size:40%; border:1px solid #009dcb;}
.org_guide01 ul li span{ display:inline-block; width:85%; line-height:17px; font-size:12px; background:#fff; padding:5px 0; margin:6px 0 3px 0; border-radius:5px; box-shadow:1px 1px 2px #0085ab; color:#000;}


.org_guide02 { background: url("/images/002eng/content/sub02_vi04_01.png") center top no-repeat; padding-top:15px; padding-bottom:45px; display:inline-block; text-align:center; width:100%;}
.org_guide02 h3{ display:block; text-align:left; height:40px; margin-top:-40px;}
.org_guide02 h3 span{font-weight:600; text-align:center; margin-top:2px; word-break:keep-all; display:inline-block; background:url("/images/002eng/inc/title01.png") left 5px no-repeat; padding-left:25px; margin-bottom:15px; font-size:17px; letter-spacing:-0.5px; line-height:30px;}


.org_box01 { /*float:left;*/ position:relative; width:98%; margin:0 0 0 2%; }
.org_box01 dl { /*float:right;*/ width:100%; margin-bottom:10px;display: flex;flex-direction: row;flex-wrap: wrap;}
.org_box01 dt{width:23%; margin-right:3%; font-weight:600; margin-bottom:10px;/*float:left;*/
background:#275cc9;color:#fff;font-size:15px;  letter-spacing:-1px; padding:12px 1%; display:inline-block; border-radius:5px; box-shadow:1px 4px 8px #c2c2c2; text-align:center;}

.org_box01 dt a{ width:100%; color:#fff;float:left;}
.org_box01 dd { width:61%; background:#fff;/*float:left;*/margin-bottom:10px; border:1px solid #D7D7D7;border-radius:5px; box-shadow:1px 4px 8px #c2c2c2; padding:20px 5%;}
.org_box01 dd ul:after{display: block;clear: both;content: "";}
.org_box01 dd ul li{ float:left; font-size:13px; background: url("/images/002eng/inc/title04_03.gif") left 7px no-repeat; padding:2px 15px 2px 10px; text-align:left;}
.org_box01 dd ul li a{ }

.org_box02 { float:left; position:relative; width:98%; margin:0 0 0 2%;}
.org_box02 ul{ width:89.7%; background:#fff;float:left;margin-bottom:10px; border:1px solid #D7D7D7;border-radius:5px; box-shadow:1px 4px 8px #c2c2c2; padding:10px 5%;}
.org_box02 ul li{ text-align:left; float:left; font-size:13px; background: url("/images/002eng/inc/title04_03.gif") left 10px no-repeat; padding:5px 15px 5px 10px;}
.org_box02 ul li a{ }




/*로그인*/


.login_guide01{ text-align:center;}

.login_box01{ width:45%; margin:0 2%;position:relative; display:inline-block;}
#content_guide .login_box01 h4{ background:none; text-align:center; position:absolute; top:0;  width:100%; padding:0; margin:0 0 0 0; left:0; font-size:35px;}
.login_box01 h4 span{background:#ff7800 url("/images/002eng/content/sub07_img01.png") center center no-repeat; width:140px; border-radius:200px; height:140px; display:inline-block; margin-bottom:10px;box-shadow:1px 4px 8px #c2c2c2;}


.login_box02{ background:#f4f4f4 url("/images/002eng/content/sub02_img11.png") left top repeat; border-top:3px solid #e63a00;  border-radius:30px; display:inline-block; padding:150px 8% 30px 8%; width:84%; margin-top:60px;vertical-align:top; text-align:center;box-shadow:1px 4px 8px #c2c2c2; }



.login_txt01{ text-align:center; vertical-align:top; display:inline-block;border-radius:20px; background:#fff; border:3px dashed #ff7800; padding:15px 5% 10px 5%; width:89.5%} 
.login_txt01 ul{ width:70%; display:inline-block;}
.login_txt01 li{ display:inline-block; margin-bottom:5px; vertical-align:top; }
.login_txt01 li strong{ width:50px; display:inline-block; background: url("/images/002eng/inc/all_icon02.gif") left center no-repeat; padding-left:10px; font-size:13px; text-align:left;}

.login_txt01 span{ height:43px; background:#1d1d1d  url("/images/000inc/org_bg01.png") right center no-repeat; background-size: cover; display:inline-block; color:#fff; font-size:15px; width:24%; text-align:center; font-weight:600;vertical-align:top; padding-top:25px; cursor:pointer;}
.login_txt01 span a{ color:#fff;}

.login_txt01 input{ width:60%;border:1px solid #e5e5e5;background:#f8f8f8;height:30px;}



.login_txt02{ display:inline-block; width:100%; text-align:left; font-size:13px; line-height:22px;margin-top:30px; margin-bottom:30px;}


.login_txt03{ background:#fff;border-radius:15px; padding:5%; font-size:13px;line-height:22px;box-shadow:1px 1px 2px #c2c2c2; } 
.login_txt03 dt{ margin-bottom:15px; margin-top:-25px; word-break:keep-all;}
.login_txt03 dt span{ background:#ff7800; color:#fff; font-size:14px; font-weight:600; text-align:center;border-radius:15px; padding:7px 10%; display:inline-block;}
.login_txt03 dt strong{ background:#48b200; color:#fff; font-size:14px; font-weight:600; text-align:center;border-radius:15px; padding:7px 10%; display:inline-block;}


.login_txt03 dd{ text-align:left;background: url("/images/002eng/inc/all_icon02.gif") left 9px no-repeat; padding-left:12px; margin-bottom:5px; word-break:keep-all; font-weight:600;}
.login_txt03 dd p{font-weight:400;}






.login_box01_01{ width:45%; margin:0 2%;position:relative; display:inline-block;}
#content_guide .login_box01_01 h4{ background:none; text-align:center; position:absolute; top:0;  width:100%; padding:0; margin:0 0 0 0; left:0; font-size:35px;}
.login_box01_01 h4 span{background:#48b200 url("/images/002eng/content/sub07_img02.png") center center no-repeat; width:140px; border-radius:200px; height:140px; display:inline-block; margin-bottom:10px;box-shadow:1px 4px 8px #c2c2c2;}


.login_box02_01{ background:#f4f4f4 url("/images/002eng/content/sub02_img11.png") left top repeat; border-top:3px solid #317800;  border-radius:30px; display:inline-block; padding:150px 8% 90px 8%; width:84%; margin-top:60px;vertical-align:top; text-align:center;box-shadow:1px 4px 8px #c2c2c2; }




.login_txt04{text-align:left; vertical-align:top; display:inline-block;border-radius:20px; background:#fff; border:3px dashed #48b200; padding:15px 10% 10px 10%; width:79.5%; margin-bottom:50px; font-size:13px; line-height:22px;} 
.login_txt04 strong{ text-align:center; color:#48b200; font-size:18px; font-weight:600; margin-bottom:10px; border-bottom:1px solid #48b200; padding-bottom:10px; width:100%; display:inline-block;}

.login_txt04 p { text-align:center;}
.login_txt04 p span{background:#1d1d1d  url("/images/000inc/org_bg01.png") right center no-repeat; background-size: cover; display:inline-block; color:#fff; font-size:15px; text-align:center; font-weight:600;vertical-align:top;padding:13px 30%; cursor:pointer; margin: 20px 0;}
.login_txt04 p span a{ color:#fff;}




@media all and (max-width :1220px) {

/* 전체레이아웃 설정값 */
.ly_center{ width:100%;}
.ly_center_mom{ width:94%; margin:0 3%;}
.ly_w100{width:100%; background:none;}
.ly_w100_01{width:100%;}
#content_guide{width:100%; float:none; position:relative; background:none; padding-left:0;}

#content{min-height:inherit; margin-top:10px;}





/* 왼쪽메뉴레이아웃 */
#leftBox { display:none;}




/* 서브타이틀 */
.history{ margin-bottom:30px;}
.title_guide h3{ margin-top:30px;font-size:23px;}





/* 푸터레이아웃 */
#footer .logo_copy{ display:none;}
#footer .address {width:100%;}

/* 어플리케이션레이아웃 */
.app li img{ width:38px; margin-left:2px;}

}


@media all and (max-width :950px) {





/* 조직도 */
.org_guide01 {width:700px;background: url("/images/002eng/content/org_line01.gif") 350px top no-repeat; }  


/* 조직도 */
.org_guide01 {width:500px;background: url("/images/002eng/content/org_line01.gif") 250px 30px no-repeat; }  
.org_guide01 { padding-bottom:100px;} 
.org_guide01 ul { top:65px; width:230px;} 


.org_box01 { width:100%; margin:0 0 0 0;}
.org_box01 dl { /*float:left;*/ width:100%;display: block;}
.org_box01 dt{width:98%}
.org_box01 dd { width:89.5%;}

.org_box02 {width:100%; margin:0 0 0 0; }
.org_box02 ul{width:89%;}




/*로그인*/
.login_box01{ width:100%; margin:0 0 30px 0;}
.login_txt01 li{width:100%;}

.login_box01_01{ width:100%; margin:0;}

.login_box02_01{ padding:150px 8% 30px 8%; }



}


/* 모바일 */
@media all and (max-width :768px) {





/* 서브타이틀 */
.title_guide h3{  padding-bottom:15px; margin-bottom:15px; margin-top:20px; text-align:center;}
.history li { padding-left:28px; margin-right:0;}





/* 푸터레이아웃 */
#footer{ margin:25px 0 35px 0; padding:20px 0;}


#footer .address .add_txt01 {border-top:1px solid #E4E4E4; background:url("/images/002eng/inc/line02.png") left top repeat-y;  float:left; width:100%;}
#footer .address .add_txt01 li { float:left; padding:0; line-height:34px; background:none; border-bottom:1px solid #E4E4E4;background:url("/images/002eng/inc/line02.png") right top repeat-y; width:50%; font-size:12px;}
#footer .address .add_txt01 li a { padding-left:10%;}
#footer .address .add_txt01 li:first-child{ background:url("/images/002eng/inc/line02.png") right top repeat-y;}



#copyright {padding-left:0; font-size:85%;}
#copyright .f_tell{ margin-left:0; width:100%; display:block;}
#copyright .f_copy{ width:100%; display:block;}



/* 맨위로버튼 */
.first_top_go { position: relative; text-align:right;}


/* 어플리케이션레이아웃 */
.app{ position: relative;}
.app ul { text-align:center; font-size:0;}
.app li{ display:inline-block; float:none;}
.app li img{ width:36px;}

	


}













@media all and (max-width :600px) {




/* 조직도 */
.org_guide01 {width:400px;background: url("/images/002eng/content/org_line01.gif") 200px 30px no-repeat; }  
.org_guide01 { padding-bottom: 120px;} 
.org_guide01 ul { top:65px; width:150px;} 



}


@media all and (max-width :480px) {




/* 조직도 */
.org_guide01 {width:320px;background: url("/images/002eng/content/org_line01.gif") 160px 30px no-repeat; }  

.org_box01 { width:100%; margin:0 0 0 0;}
.org_box01 dl { float:left; width:100%; margin-bottom:0;}
.org_box01 dt{width:98%; margin-right:0; border-radius:5px 5px 0 0; box-shadow:none; margin-bottom:0;}

.org_box01 dt a{ width:100%; color:#fff;float:left;}
.org_box01 dd { width:89.5%; margin-bottom:25px;border-radius:0 0 5px 5px;}




/*로그인*/
.login_txt01{  padding:15px 2% 10px 2%; width:95.5%} 

.login_txt03 dt span{  padding:7px 5%;}
.login_txt03 dt strong{ padding:7px 5%;}


}



@media all and (max-width :320px) {

}