@import url("layout.css");  
@import url("/css/web/snue/con_com.css");   
  
/*-----------------------------------------------------------
Author : Hyerim Park
Create date : 2022. 02. 
-----------------------------------------------------------*/

/* 스타일가이드 */
.tit1 { color:#053983; font-family:'Montserrat'; padding:0.2rem 0 0 0.4rem; background:none; }
.tit1:before { content:""; position:absolute; left:0; top:0; width:0.5rem; height:0.5rem; background:#053983; border-radius:50%; }
.tit2 { position:relative; background:none; padding:0.2rem 0 0 0; font-family:'Montserrat'; }
.tit2:before { content:""; position:absolute; left:-0.3rem; top:0; width:1.2rem; height:0.2rem; background:#053983; }
.tit3 { color:#053983; font-family:'Montserrat'; padding:0; background:none; }
.bu_st1 { padding:0.15rem 0 0.15rem 0.7rem; }
.bu_st1::before { left:0.2rem; top:0.6rem; width:2px; height:0.5rem; border-radius:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#019dff;}
.bu_st1::after { display:none; }
.bu_st2:before { background:#1d57aa; border-radius:50%;}
.list_st1 > li { padding:0.15rem 0 0.15rem 0.7rem; }
.list_st1 > li::before { left:0.2rem; top:0.6rem; width:2px; height:0.5rem; border-radius:0; -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#019dff;}
.list_st1 > li::after { display:none; }
.list_st2 > li:before { background:#1d57aa; border-radius:50%;}

.box_st2 { border:1px solid #c5cde6; border-radius:0; box-shadow:none;}
.box_st3 { border:1px solid #bdcddd; border-radius:0;}
.box_st4 { border:1px solid #d2d2d2; border-radius:0;}

.pdf_down { display:block; width:1.5rem; height:1.5rem; border-radius:50%; text-align:center; line-height:1.5rem; background:#d93030; color:#fff; font-size:1rem; }

/* 서브 비주얼 */
.sub_visual{position:relative; height:13.75rem; text-align:center; overflow:hidden; }
.sub_visual .img{position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center / cover; -webkit-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 1.5s 0.5s; transition:all 1.5s 0.5s; }
/*
.sub_visual.sv1 .img { background-image: url('/images/web/en/sub/sVisual01.png'); }
.sub_visual.sv2 .img { background-image: url('/images/web/en/sub/sVisual02.png'); }
.sub_visual.sv3 .img { background-image: url('/images/web/en/sub/sVisual03.png'); }
.sub_visual.sv4 .img { background-image: url('/images/web/en/sub/sVisual04.png'); }
.sub_visual.sv5 .img { background-image: url('/images/web/en/sub/sVisual05.png'); }
.sub_visual.sv6 .img { background-image: url('/images/web/en/sub/sVisual06.png'); } */
.sub_visual .slogan{position:absolute; top:0; left:0; display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center; color:#131313; }  
.sub_visual .slogan h2{position:relative; margin-top:-1rem; line-height:1; font-size:2rem; font-weight:700; padding:0 1rem; color:#fff; opacity:0; -webkit-transition:1s 0.5s; transition:1s 0.5s; }
.sub_visual .slogan h2:before { content:""; position:absolute; right:0; top:-1rem; width:2.1rem; height:2.1rem; border-radius:50%; border:0.4rem solid #1dc8f2; opacity:0.5;}
.sub_visual .slogan h2 span { position:relative;} 
.sub_visual.active:after{-webkit-transform:none; transform:none; }
.sub_visual.active .img{-webkit-transform:scale(1); transform:scale(1); } 
.sub_visual.active .slogan h2{opacity:1; } 

#contents{min-height:calc(100vh - 10rem); line-height:1.8; letter-spacing:-1px; padding-bottom:0rem; }
#contents .container{position:relative; margin-top:-2.5rem; text-align:left; max-width:1300px;}

.conHeader{position:relative; width:100%; height:2.5rem; box-shadow:1px 0 10px rgba(0,0,0,0.07); background:#053983; color:#fff; }

/* 서브메뉴 */
#snb{position:relative; padding-left:2.5rem; padding-right:7rem; height:2.5rem; line-height:1.5rem; z-index:5; }
/*#snb:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb .home{position:absolute; top:0; left:0; width:2.5rem; height:2.5rem; padding:0; text-align:center; line-height:2.5rem; }
/*#snb .home:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eaeaea; content:""; }*/
#snb ul{position:absolute; left:-1px; top:0; padding-top:2.5rem; height:2.5rem; color:#262626; }
#snb ul:before{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #053983; content:""; }
#snb li{position:relative; width:100%; opacity:0; visibility:hidden; }
#snb a{position:relative; display:block; padding:0.4rem 1rem; font-size:0.8rem;}
#snb ul.open{height:auto;  background:#fff;} 
#snb ul.open > li{visibility:visible; opacity:1; }   
/** active **/
#snb li.active{position:absolute; top:0; left:0; display:table; width:100%; height:2.5rem; visibility:visible; opacity:1; z-index:1; }
#snb li.active:after {content:""; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#fff; opacity:0.3;}
#snb li.active > a{display:table-cell; padding:0 1.5rem 0 1rem; vertical-align:middle; background:#053983; color:#fff; }
#snb li.active > a:before{position:absolute; top:0.5rem; right:1rem; font-family:'xeicon'; content:"\e936"; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); }   
#snb li:not(.active) > a:before,
#snb li:not(.active) > a:before{position:absolute; top:calc(50% - 2px); left:1.5rem; width:0; height:3px; background:#053983; overflow:hidden; content:""; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; }
#snb li:not(.active) > a:hover, 
#snb li:not(.active) > a:focus{font-weight:600; color:#053983; }
#snb li:not(.active) > a:hover:before,
#snb li:not(.active) > a:focus:before{width:calc(100% - 2.5rem); opacity:1; }
#snb li:not(.active) > a span{position:relative; display:inline-block; padding-right:0.5rem; background:#fff; }

#snb li > a[target='_blank'] > span:after{display:inline-block; margin-left:5px; font-family:'xeicon'; font-size:0.8rem; content:"\e980"; }
#snb .dep01{position:relative; width:15rem; z-index:3; }
#snb .dep01 > li{width:100%; }
#snb .dep02,
#snb .dep03{left:calc(100% - 1px); width:100%; }
#snb .dep02{height:0; visibility:hidden; }
#snb .dep02.open{height:auto;visibility:visible; }
#snb .dep02.mobSnb{height:2.5rem; visibility:visible; }
#snb .dep02.mobSnb.open{height:auto;visibility:visible; } 
#snb a, 
#snb :before{transition:all .3s; -webkit-transition:all .3s; }
#snb .mobSnb > li.active a { position:relative; font-weight:600;}
#snb .mobSnb > li.active a > span { position:relative; }
#snb .mobSnb > li.active a > span:before { content:""; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#f4f9fd;}

/*썸네일게시판
.T3_E15 .prg_lst{margin:-.75rem;overflow:hidden;}
.T3_E15 .prg_lst > li{width:32%;float:left;padding: 0.75em;margin-top: 10px;margin-left: 1%;}
.T3_E15 .prg_lst > li > a{position:relative;display:block;border:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .img{display:block;width:100%;height: 215px;text-align: center;} 
.T3_E15 .prg_lst > li .img img{height: 100%;}
.T3_E15 .prg_lst > li .txt{display:block;width:100%;padding:1rem 1rem 1.5rem;border-top:1px solid #dbdbdd;}
.T3_E15 .prg_lst > li .txt .prg_tit{display:block;margin-top:0rem;font-size: 18px;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.T3_E15 .prg_lst > li .txt .prg_tit:hover{text-decoration: underline;}
.T3_E15 .prg_lst > li .txt .prg_info{overflow:hidden;margin-top:0.5rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li{color:#4a4a4a;font-size:.8rem; float: left;}
.T3_E15 .prg_lst > li .txt .prg_info > li > i{display:inline-block;margin-right:.25rem;}
.T3_E15 .prg_lst > li .txt .prg_info > li + li{margin-top:0rem; float: right;}*/

/* sns */
.snsBox{position:absolute; top:0; right:0; display:inline-block; line-height:normal; z-index:6; background:#053983; }
.snsBox a{float:left; position:relative; padding:0; width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; overflow:hidden; }
.snsBox > a + a{margin-left:-1px; }
.snsBox a .ico{position:relative; display:block; width:22px; height:23px; margin:0 auto; overflow:hidden; }
.snsBox .sns_more{position:absolute; top:2.5rem; right:2.5rem; display:none; width:14.5rem; border:1px solid #053983; background:#fff; z-index:2; }
.snsBox .sns_more a{vertical-align:middle; font-size:1rem; color:#fff; border:none; }
.snsBox .sns_more a:not(.btnClose){width:2.25rem; height:2.25rem; line-height:2.25rem; border-radius:0.5rem; margin:0.3rem; }
.snsBox .sns_more a:not(.btnClose) i{line-height:2.25rem; } 
.snsBox .sns_more a.btnFbook{background:#1876f0; }
.snsBox .sns_more a.btnYoutube{background:#d6252d; }
.snsBox .sns_more a.btnBlog{background:#5cb632; }
.snsBox .sns_more a.btnBlog img{position:absolute; top:50%; left:54%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.snsBox .sns_more a.btnKakaoStory{background:#ffc20f; }
.snsBox .sns_more a.btnTwitter{background:#1da1f2; }
.snsBox .sns_more a.btnInstagram{background:linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-webkit-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-o-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); background:-moz-linear-gradient(#7554a3, #b9408c, #ee3b55, #f19f3d); }
.snsBox .sns_more a.btnKakaoTalk{background:#fbe300; color:#3b1e1e; }
.snsBox .sns_more a.btnClose{position:absolute; top:calc(-2.5rem - 1px); right:0; margin-left:0; background:#053983; }
.snsBox > a:before,
.snsBox .sns_more a.btnClose:before{ content:""; position:absolute; left:0; top:0.75rem; width:1px; height:1rem; background:#fff; opacity:0.3; }
/** sns : action **/
.snsBox > a:hover,
.snsBox > a:focus{border-color:#8dacdb; z-index:1; }

#sub_content{padding:3rem 0; }
.conH3{margin-bottom:2rem; text-align:center; font-size:1.75rem; font-weight:600; color:#111; } 
  
.pc_sky {color:#0098d9;}

/* 컨텐츠 감싸는 회색박스 */
.titImgBox2 {padding: 2rem; background: url('/images/web/snue/sub/pattern.png'); overflow: hidden;}

/*============================ 서브콘텐츠 ============================*/
/* 인사말 */
.greeting2 { position:relative; padding-right:30%; word-break:keep-all; }
.greeting2 .welcome { position:relative; font-size:2rem; font-weight:100; font-style:italic; line-height:1.2;}
.greeting2 .welcome:before { content:url('/images/web/snue/sub/greeting_bg1.png'); position:absolute; left:-0.9rem; top:-1.2rem; z-index:-1; }
.greeting2 .welcome span { font-weight:400; }
.greeting2 .welcome strong { color:#074297; font-weight:700; }
.greeting2 .welcome em { display:block; font-size:1rem; font-weight:400; font-style:italic; margin-top:1rem; }
.greeting2 .welcome_pic { position:absolute; right:0; top:4rem; width:38%; max-width:490px; }
.greeting2 .welcome_pic:after {content:""; position:absolute; left:-2rem; top:-4rem; width:7.7rem; height:7.7rem; border-radius:50%; border:1.5rem solid #fff2cb; opacity:0.45;z-index:-1;  }
.greeting2 .welcome_pic:before {content:url('/images/web/snue/sub/greeting_bg2.png'); position:absolute; right:-3rem; bottom:-3rem; z-index:-1; }
.greeting2 .welcome_pic img { width:100%; }
.greeting2 .welcome_pic div { position:relative; width:90%; max-width:19.75rem; background:#045aaa; border-radius:0 1.5rem 0 1.5rem; padding:1.5rem; color:#fff; margin:-1.5rem 0 0 -1.5rem; overflow:hidden;}
.greeting2 .welcome_pic div:before { content:""; position:absolute; right:-4rem; bottom:-4.5rem; width:10rem; height:10rem; background:#318ae5; border-radius:50%; }
.greeting2 .welcome_pic div span { position:relative; }
.greeting2 .welcome_pic div p { position:relative; text-align:right; margin-top:.5rem; line-height:1.4; font-size:1.1rem; font-weight:700; }
.greeting2 .welcome_pic div p:before { content:""; position:absolute; left:0; top:1rem; height:1px; width:6rem; background:#75a4d0; }
.greeting2 .welcome_pic div p strong { font-size:1.4rem; font-style:italic; }
.greeting2 .greeting_txt { background:#f8f8f8; border-radius:1.5rem; padding:1.5rem 7rem 1.5rem 1.5rem; margin-top:1.5rem; }
.greeting2 .greeting_txt strong { font-weight:700; font-size:0.85rem; }
.greeting2 .greeting_txt .point { color:#123b97; }

/* 홍보영상 */
.videoBox {
    position: relative;
    padding-right: 33%;
}

.videoBox .box {
    position: relative;
    width: 100%;
    font-size: 0;
    padding: 0 1.5rem 1rem;
}

.videoBox .box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: #0098d9;
    z-index: -1;
}

.videoBox .box video {
    width: 100%;
    border: 4px solid #fff;
    margin-bottom: 1rem;
}

.videoBox p {
    position: relative;
    font-size: 1.1rem;
    color: #fff;
}

.video_txt {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 100%;
    border-radius: .5rem;
    background: #fff;
    border: 1px solid #abd5e7;
    padding: 1.2rem;
    box-shadow: 1px 1px 5px rgba(66,172,219,0.2);
}

/* 연혁 */
.history_wrap2 {position:relative; padding-right:22rem; overflow:hidden;}
.history_wrap2 .background { position:absolute; right:0; }
.history_wrap2 .background .bg2 { margin-top:10rem; }
.history_wrap2 .background .bg3 { margin-top:16.25rem; }
.history_wrap2 > dl { position:relative; padding-left:5rem;}
.history_wrap2 > dl + dl { margin-top:2.25rem;}
.history_wrap2 > dl > dt { position:absolute; left:0; top:0; width:6.6rem; height:6.6rem; background:#d5e6ff; border-radius:50%; font-size:1.45rem; font-weight:700; color:#06234d; text-align:center; line-height:6.6rem; z-index:2;}
.history_wrap2 > dl > dd { position:relative; padding:1.1rem 3rem; background:#f9f9f9; min-height:7rem; border-radius:1rem; }
.history_wrap2 > dl > dd > dl { position:relative; padding-left:7rem; }
.history_wrap2 > dl > dd > dl + dl { margin-top:0.5rem;}
.history_wrap2 > dl > dd > dl > dt { position:absolute; left:0; top:0; color:#053983; font-weight:700; font-size:0.9rem;}

/* 조직도 */ 
.orgBox { position:relative; line-height:1.2; text-align:center;}
.orgBox:before { content:""; position:absolute; left:4rem; top:0; width:2px; height:100%; background:#cecece; z-index:-1; }
.orgBox a { display:flex; width:100%; height:100%; justify-content:center; align-items: center; text-align:center; }
.orgBox a:hover,
.orgBox a:focus { font-weight:700; text-decoration:underline;}
.orgBox .org1 { position:relative; width:7.5rem; height:7.5rem; border-radius:50%; background:#3274d4 url('/images/web/snue/sub/org_tit_bg.png') no-repeat bottom center / contain; color:#fff; line-height:7.5rem; font-size:1.2rem; box-shadow:0 0 10px rgba(50,116,212,0.4); font-weight:700; }
.orgBox .org1:before { content:""; position:absolute; left:0; bottom:-2.5rem; width:10.9rem; height:6.7rem; background:url('/images/web/snue/sub/org_tit.png') no-repeat center / cover; z-index:-1; }
.orgBox .org2 { position:relative; padding-left:9.5rem; display:flex; justify-content: space-between; margin:2.5rem 0; }
.orgBox .org2:before { content:""; position:absolute; top:50%; left:4rem; width:calc(100% - 10rem); height:2px; background:#cecece; z-index:-1; }
.orgBox .org2 li { display:flex; width:15rem; height:3rem; background:#0068b7; border-radius:0.5rem; color:#fff; font-size:0.85rem; justify-content:center; align-items: center; margin:0 0.35rem; padding:0.5rem; font-weight:700; }
.orgBox .org3 { position:relative; padding-left:9rem; }
.orgBox .org3:before { content:""; position:absolute; left:0; top:50%; width:9rem; height:2px; background:#cecece; }
.orgBox .org3 > p { position:absolute; left:0; top:calc(50% - 1.5rem); width:7.9rem; height:3rem; background:#00a0e9; line-height:3rem; color:#fff; border-radius:0.5rem; font-weight:700; }
.orgBox .org3 > div { position:relative; padding-left:9.7rem; }
.orgBox .org3 > div:before { content:""; position:absolute; left:0; top:1.5rem; width:9.7rem; height:2px; background:#cecece; }
.orgBox .org3 .box:before { width:100%; }
.orgBox .org3 .box:after {content:""; position:absolute; left:0; top:1.5rem; width:2px; height:100%; background:#cecece; }
.orgBox .org3 .org3_1 { position:absolute; left:0.5rem; top:0; display:flex; width:8.2rem; height:3rem; justify-content: center; align-items: center; text-align: center; background:#204984; border-radius:0.5rem; color:#fff; font-weight:700; }
.orgBox .org3 .org3_2 { position:relative; padding-left:8rem; }
.orgBox .org3 .org3_2 dt { position:absolute; left:0.5rem; top:0; display:flex; width:6.45rem; height:3rem; border:1px solid #abd5e7; border-radius:0.5rem; background:#f2fbff; font-weight:700; align-items:center; justify-content:center; text-align:center; }
.orgBox .org3 .box2:before { top:calc(55% + 1.5rem); }
.orgBox .org3 .box2:after {content:""; position:absolute; left:0; top:0; width:2px; height:calc(55% + 1.5rem); background:#cecece; }
.orgBox .org3 .box2 .org3_1 { top:55%; }
.orgBox .org3 .box2 .org3_2:before { content:""; position:absolute; left:0; top:calc(50% + 2px); width:2px; height:calc(50% + 2px); background:#cecece; }
.orgBox .org3 .box2 .org3_2 + .org3_2:before { top:0;}
.orgBox .org3 .box2 .org3_2 dt { top:calc(50% - 1.5rem); }
.orgBox .org3 .box2 .org3_2 dt:before { content:""; position:absolute; left:-0.5rem; top:50%; width:8rem; height:2px; background:#cecece; z-index:-1; }
.orgBox .org3 .box2 .org3_2 dd { position:relative; padding:0.5rem 0 0.5rem 10rem; }
.orgBox .org3 .box2 .org3_2 dd:before { content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:#cecece; z-index:-1; }
.orgBox .org3 .box2 .org3_2 dd:after { content:""; position:absolute; left:0; top:0; width:2px; height:100%; background:#cecece; }
.orgBox .org3 .box2 .org3_2 dd:nth-of-type(1):after { height:50%; top:50%;}
.orgBox .org3 .box2 .org3_2 dd:last-child:after { height:50%; }
.orgBox .org3 .box2 .org3_3 { position:absolute; left:0.7rem; top:calc(50% - 1.2rem); display:flex; flex-shrink: 0; width:8rem; height:2.4rem; border-radius:0.5rem; border:1px solid #85a3ce; background:#fff; font-size:0.75rem; box-shadow:1px 1px 5px rgba(66,172,219,0.2); justify-content:center; align-items:center; text-align:center; }
.orgBox .org3 dd ul {height:auto; overflow:hidden; background:url('/images/web/snue/sub/pattern.png'); border-radius:0.5rem; padding:0.8rem; }
.orgBox .org3 dd ul > li { display:flex; width:48%; margin:0.2rem 1%; float:left; padding:0.2rem; justify-content:center; align-items:center; height:3rem; border:1px solid #bdcddd; background:#fff; font-size:0.7rem; border-radius:0.5rem; } 
.orgBox .org4 { position:relative; padding-left:13rem; min-height:3rem; margin-top:2.5rem; }
.orgBox .org4 > p { position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:7.9rem; height:3rem; background:#00a0e9; color:#fff; border-radius:0.5rem; font-weight:700; }
.orgBox .org4 > ul {  font-size:0; text-align:left; padding:1rem; background:#f7f7f7; }
.orgBox .org4 > ul:before { content:""; position:absolute; left:0; top:1.5rem; width:100%; height:2px; background:#cecece; z-index:-1; }
.orgBox .org4 > ul > li { position:relative; display:inline-block; width:25%; padding:0 0.5rem 0.5rem; vertical-align:top; }
/* .orgBox .org4 > ul > li:before { content:""; position:absolute; top:1.5rem; left:-1rem; width:100%; height:2px; background:#cecece; z-index:-1;} */
.orgBox .org4 > ul > li:first-child:before { left:-10rem; width:calc(100% + 10rem); } 
.orgBox .org4 > ul > li > p{ display:flex; width:100%; height:3rem; background:#fff; border:1px solid #abd5e7; border-radius:0.5rem; background:#f2fbff; justify-content:center; align-items:center; text-align:center; font-size:0.75rem; font-weight:700; padding:0 0.5rem; }
.orgBox .org4 > ul > li > ul > li { display:flex; width:100%; height:3.5rem; border:1px solid #bdcddd; border-radius:0.5rem;  justify-content:center; align-items:center; text-align:center; margin-top:0.5rem; font-size:0.7rem; background:#fff; padding:0.5rem; }



/* RESPONSIVE */ 
@media (max-width:1600px){
	/* 서브 비주얼 */ 
	.sub_visual .slogan h2{font-size:1.75rem; }    

	#sub_content{padding:2rem 0; }
	.conH3{font-size:1.5rem; }
}  
@media (max-width:1280px){

	/* 인사말 */
	.greeting2 { padding-right:10%; }
	.greeting2 .welcome_pic { width:25%; }
	.greeting2 .welcome_pic:before { -webkit-transform:scale(0.7); transform:scale(0.7);}
	.greeting2 .welcome_pic div { width:100%; padding:1rem; }
	.greeting2 .welcome_pic div p { font-size:0.9rem; }
	.greeting2 .welcome_pic div p:before { display:none; }
	.greeting2 .welcome_pic div p strong { font-size:1rem; }
	.greeting2 .greeting_txt { padding-right:25%;}
	
	/* 연혁 */
	.history_wrap2 { padding-right:15rem; }
	.history_wrap2 .background img { width:13rem; }
	
	/* 조직도 */   
	.orgBox .org3 dd ul > li { width:98%; }
	.orgBox .org4 { padding-left:10rem;}
	.orgBox .org4 > ul.org4_1:before { content:""; position:absolute; left:-1rem; top:1.5rem; width:2px; height:calc(100% - 4rem); background:#cecece; } 

}
@media (max-width:1080px){

	/* 인사말 */
	.greeting2 { padding-right:0;}
	.greeting2 .welcome_pic { position:relative; right:auto; top:auto; width:85%; margin:1rem auto; max-width:400px; }
	.greeting2 .greeting_txt { padding-right:1.5rem;}

	/* 연혁 */
	.history_wrap2 { padding-right:0; }
	.history_wrap2 .background { display:none; }
	.history_wrap2 > dl { padding-left:4rem;}
	.history_wrap2 > dl > dt { width:5rem; height:5rem; line-height:5rem; font-size:1.1rem; }
	.history_wrap2 > dl + dl { margin-top:1rem;}
}
@media (max-width:1024px){

	.sub_visual .slogan h2:before { display:none; }
	
	/* 서브메뉴 */
    #snb{margin-left:-1rem; padding-left:0; padding-right:0; width:calc(100% + 2rem); }
    #snb .home{display:none; }
    #snb .dep01{width:calc(100% - 2.5rem); }
	#snb ul:not(.mobSnb) { left: 0; }
	#snb ul:not(.mobSnb):before { display: none; }
	#snb ul:not(.mobSnb) li { width: 100%; }
    #snb ul.mobSnb{left:0; }  
	#snb li.active:after { display:none;}

	/* sns */
	.snsBox{right:-1rem; }
	.snsBox .btnPrint{display:none; }
	.snsBox .sns_more{right:0; }

	.titImgBox2 {padding: 1rem;}
	
	/* 조직도 */ 
	.orgBox .org1 { margin:0 auto; }
	.orgBox .org2 { margin:3.5rem 0 1rem; }
	.orgBox .org3 > p,
	.orgBox .org3 .org3_1,
	.orgBox .org3 .org3_2 dt,
	.orgBox .org3 .box2 .org3_3,
	.orgBox .org4 > p {position:relative; left:auto; top:auto; width:100%; height:2.5rem; line-height:2.5rem; margin-bottom:0.5rem; }
	.orgBox .org2,
	.orgBox .org3,
	.orgBox .org3 > div,
	.orgBox .org3 .org3_2,
	.orgBox .org3 .box2 .org3_2 dd,
	.orgBox .org4 { padding:0;}
	.orgBox .org3 .org3_2 { margin-bottom:1rem; }
	.orgBox .org3 .box:before { width:1rem;}
	.orgBox .org3 .box2:after { height:1.5rem;}
	.orgBox .org3 .box2:before { width:1rem; top:1.5rem; }
	.orgBox .org3 .box2 .org3_3 { top:0; }
	.orgBox:before,
	.orgBox .org2:before,
	.orgBox .org3:before,
	.orgBox .org3 .box:after,
	.orgBox .org3 .box2:after,
	.orgBox .org3 .box2 .org3_2:before,
	.orgBox .org3 .box2 .org3_2 dd:after,
	.orgBox .org3 .box2 .org3_2 dd:before,
	.orgBox .org4 > ul > li:before,
	.orgBox .org3 .box2 .org3_2 dt:before { display:none; }
	.orgBox .org3 .box2 .org3_3 br { display:none; }
	.orgBox .org3 dd ul { padding:0.5rem; } 
	.orgBox .org3 dd ul > li { width:calc(25% - 0.4rem); margin:0.2rem; }
	.orgBox .org4 { margin-top:1rem; }
	.orgBox .org4 > ul > li { width:25%; margin-bottom:1rem; padding:0 0.2rem; } 

}  
@media (max-width:768px){ 
	#sub_content{padding:1.5rem 0; }
	.conH3{margin-bottom:1rem; line-height:1.5; font-size:1.25rem; }

	.snsBox .sns_more{ width:12.2rem;}
	.snsBox .sns_more a:not(.btnClose) { width:1.8rem; height:1.8rem; line-height:1.8rem;}
	.snsBox .sns_more a:not(.btnClose) i { line-height:1.8rem;}
	
	/* 인사말 */
	.greeting2 .welcome { font-size:1.5rem; }
	.greeting2 .welcome:before { -webkit-transform:scale(0.7); transform:scale(0.7);}

	/* 조직도 */
	.orgBox .org3 dd ul > li { width:calc(33.333% - 0.4rem); }
	.orgBox .org4 > ul > li { width:33.333%; }
	 
}  
@media (max-width:580px){
	/* 연혁 */
	.history_wrap2 > dl { padding-left:0;}
	.history_wrap2 > dl > dt { position:relative; left:auto; top:auto; width:100%; height:2.2rem; line-height:2.2rem; border-radius:1rem 1rem 0 0; font-size:1rem; }
	.history_wrap2 > dl > dd { padding:1rem; min-height:0; border-radius:0 0 1rem 1rem;} 
	.history_wrap2 > dl > dd > dl{ padding-left:0;}
	.history_wrap2 > dl > dd > dl > dt { position:relative; left:auto; top:auto; }

	/* 조직도 */  
	.orgBox .org2 {display:block; }
	.orgBox .org2 li { width:100%; margin-bottom:0.5rem; }
	.orgBox .org3 dd ul > li { width: calc(50% - 0.4rem); } 
	.orgBox .org4 > ul > li { width:50%; }
}
@media (max-width:414px){
	.snsBox { right:-0.5rem; }
	
	/* 서브 비주얼 */ 
	.sub_visual { height:10rem; }
	.sub_visual .slogan h2{ font-size:1.5rem; }   
	
}  
@media (max-width:380px){
	/* 조직도 */   
	.orgBox .org3 dd ul > li { width:100%; margin:0.2rem 0; } 
	.orgBox .org4 > ul > li { width:100%; }

}