@charset "utf-8";


/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}

.s0101_topbox{text-align: center;padding:73px 20px 59px;background: #096cc0;position: relative;overflow: hidden;border-radius: 50px 50px 0 0;z-index: 1;}
.s0101_topbox::before{content: "";position: absolute;left:6%;bottom:-18px;background:url(/images/edu/sub01/sub0101_topleft.png) no-repeat;width:257px;height:149px;z-index: -1;}
.s0101_topbox::after{content: "";position: absolute;right:5.15%;bottom:0;background:url(/images/edu/sub01/sub0101_topright.png) no-repeat;width:142px;height:256px;z-index: -1;}
.s0101_topbox em{font-weight:bold;font-size:17px;color:#fff;letter-spacing: -0.02em;position: relative;display: inline-block;padding-bottom:12px;margin-bottom:21px;}
.s0101_topbox em::after{content: "";position: absolute;left:0;bottom:0;width:100%;height:2px;background: #fff;}
.s0101_topbox strong{display: block;font-size: 37px;letter-spacing: -0.05em;font-family: "score";color:#fff;margin-bottom:31px;line-height: 1;}
.s0101_topbox p{font-size:17px;letter-spacing: -0.05em;color:#fff;max-width:550px;margin:0 auto;line-height: 1.64;font-family: "score";}

.s0101_wrap{margin-top:60px;}
.s0101_wrap .inner{position: relative;min-height:590px;padding:80px 53% 35px 7.3%;}
.s0101_wrap .inner .img{position: absolute;right:0;top:0;width:50%;}
.s0101_wrap .inner .txt{vertical-align: middle;}
.s0101_wrap .inner .txt em{display: inline-block;position: relative;padding-bottom:10px;margin-bottom:40px;color:#096cc0;font-weight: bold;}
.s0101_wrap .inner .txt em::after{content: "";position: absolute;left:0;bottom:0;width:100%;height:2px;background: #096cc0;}
.s0101_wrap .inner .txt strong{display: block;font-size:45px;color:#4b4b4b;letter-spacing: -0.03em;line-height: 1.33;margin-bottom:115px;}
.s0101_wrap .inner .txt .list ul li{color:#4b4b4b;font-size:20px;letter-spacing: -0.03em;line-height: 1.75;}

.s0101_wrap .inner .mo_img{display: none;}

@media(max-width:1023px){
    .s0101_wrap .inner{position: relative;min-height:auto;padding:0;}
    .s0101_wrap .inner .img{position: relative;right:auto;top:auto;width:100%;text-align: center;}
}
@media(max-width:767px){
    .s0101_wrap .inner .txt strong{font-size:35px;margin-bottom:50px;}
    .s0101_topbox::before,
    .s0101_topbox::after{display: none;}

    .s0101_wrap .inner .img{display: none;}
    .s0101_wrap .inner .mo_img{display: block;margin-bottom:20px;}
    .s0101_wrap .inner .mo_img ul{overflow: hidden;margin-left:-10px;}
    .s0101_wrap .inner .mo_img ul li{float:left;width:calc(50% - 10px);margin-left:10px;margin-bottom:20px;padding:30px 15px;text-align: center;min-height: 165px;border-radius: 30px;display: table;}
    .s0101_wrap .inner .mo_img ul li .inner{display: table-cell;vertical-align: middle;}
    .s0101_wrap .inner .mo_img ul li .inner p{font-weight: bold;letter-spacing: -0.03em;}
    .s0101_wrap .inner .mo_img ul li:nth-child(1){background: #ecfdfe;border:1px solid #47afc2;}
    .s0101_wrap .inner .mo_img ul li:nth-child(2){background: #dff6ff;border:1px solid #0982c0;}
    .s0101_wrap .inner .mo_img ul li:nth-child(3){background: #e0f2ff;border:1px solid #056ec7;}
    .s0101_wrap .inner .mo_img ul li:nth-child(4){background: #cce8fd;border:1px solid #096cc0;}

    .s0101_wrap .inner .mo_img ul li .icon{margin-bottom:20px;}
}
@media(max-width:480px){
    .s0101_wrap .inner .mo_img ul{margin-left:0;}
    .s0101_wrap .inner .mo_img ul li{float:none;width:100%;margin-left:0;min-height: auto;}
}



.s0103_topbox{position: relative;min-height:345px;padding:45px 50% 45px 3.9%;margin:87px auto 54px;}
.s0103_topbox .logobox{position: absolute;right:5.9%;top:0;}
.s0103_topbox .txtbox .title{margin-bottom:60px;}
.s0103_topbox .txtbox .title em{font-family: "score";color:#033c86;font-size:19px;}
.s0103_topbox .txtbox .title strong{font-size:40px;letter-spacing: -0.05em;font-family: "score";display: block;}
.s0103_topbox .txtbox .title strong .color{color:#114ab0;font-family: "score";}
.s0103_topbox .txtbox .subtitle em{color:#096cc0;font-size:17px;letter-spacing: -0.03em;border-bottom:2px solid #096cc0;padding-bottom:7px;margin-bottom:24px;font-weight:bold;display: inline-block;}
.s0103_topbox .txtbox .subtitle p{margin-top:0;color:#4b4b4b;font-size:20px;letter-spacing: -0.03em;line-height: 1.5;}


.org_list{overflow: hidden;margin-left:-17px;}
.org_list .box{float:left;width:calc(33.33% - 17px);margin-left:17px;margin-bottom:15px;background: #f7f7f8;position: relative;padding:35px 3.9% 0;min-height:178px;z-index: 1;}
.org_list .box.icon1:after{content: "";position: absolute;right:-32px;bottom:-33px;background: url(/images/edu/sub01/sub0103_icon1.png) no-repeat;width:143px;height:143px;display: inline-block;z-index: -1;}
.org_list .box.icon2:after{content: "";position: absolute;right:9px;bottom:-33px;background: url(/images/edu/sub01/sub0103_icon2.png) no-repeat;width:90px;height:162px;display: inline-block;z-index: -1;}
.org_list .box.icon3:after{content: "";position: absolute;right:-24px;bottom:-13px;background: url(/images/edu/sub01/sub0103_icon3.png) no-repeat;width:144px;height:116px;display: inline-block;z-index: -1;}

.org_list .box strong{display: block;color:#0f1720;font-size:20px;font-weight:bold;letter-spacing: -0.025em;margin-bottom:10px;}
.org_list .box ul{}
.org_list .box ul li{position: relative;padding-left:8px;font-size:16px;color:#4b4b4b;letter-spacing: -0.03em;margin:3px 0;}
.org_list .box ul li::before{content: "";position: absolute;left:0;top:12.5px;width:4px;height:1px;background: #4b4b4b;margin-top:-0.5px;}


.s0103_logo_wrap{border:1px solid #ddd; text-align: center;padding:48px 12% 40px;margin-bottom:40px;}
.s0103_logo_wrap .inner{background: url(/images/edu/sub01/logo_bg.jpg) repeat;margin:0 auto;border:1px solid #e5e5e5;padding:50px;margin-bottom:26px;}

.simbol_intro ul li{display: inline-block;}
.simbol_intro p{margin-top:27px;}
.simbol_intro ul li+li{margin-left:35px;}
.simbol_intro ul li span{vertical-align: text-bottom;display: inline-block;width:21px;height:21px;margin-right:8px;}
.simbol_intro ul li.color1 span{background: #f9c031;border-radius: 100%;}
.simbol_intro ul li.color1{color:#333;}
.simbol_intro ul li.color2 span{background: #0096d5;border-radius: 100%;}
.simbol_intro ul li.color2{color:#0096d5;}
.simbol_intro ul li.color3 span{background: #003867;border-radius: 100%;}
.simbol_intro ul li.color3{color:#003867;}

@media(max-width:900px){
    .s0103_topbox{min-height:auto;padding:0 3.9%;}
    .s0103_topbox .logobox{position: relative;right:auto;top:0;text-align: center;margin-bottom:20px;}
    .s0103_topbox .txtbox .title{margin-bottom:30px;}
}
@media(max-width:767px){
    .org_list .box{width:calc(50% - 17px);}
}

@media(max-width:570px){
    .simbol_intro ul li{display: block;}
    .simbol_intro ul li+li{margin-left:0;margin-top:10px;}
    .simbol_intro p{margin-top:10px;}
}
@media(max-width:500px){
    .s0103_topbox{padding:0;}
    .s0103_topbox .txtbox .title strong{font-size:30px;}
    .org_list{margin-left:0;}
    .org_list .box{float:none;width:100%;margin-left:0;padding-bottom:35px;min-height:auto;}
}


/* 윤리헌장 sub01040101 */
.ui-Charter.charter__f{min-height: 1070px;position: relative;padding-bottom:70px;border:1px solid rgba(2,49,106,0.7);border-radius: 10px;margin-top:30px;}

.ui-Charter.charter__f .inner{padding: 80px 12% 0;}
.ui-Charter.charter__f .inner .logo{text-align: center;margin-bottom:17px;}
.ui-Charter.charter__f .inner .title em {display: block;font-size:40px;font-weight: bold;color:#183048;text-align: center;font-family: "score";}

.ui-Charter.charter__f .inner p {margin:29px auto 31px;font-size: 16px;color:#767676;text-align: center;line-height: 1.62;letter-spacing: -0.04em;}
.ui-Charter.charter__f .inner p span.color1{color:#02316a;}
.ui-Charter.charter__f .inner p span.color2{color:#0066c4;}

.ui-Charter.charter__f ul{padding:61px 3.1% 0;border-top:1px dashed rgba(0,0,0,0.5);}
.ui-Charter.charter__f ul li{position:relative;padding-left:134px;display: table;min-height:63px;height:63px;width:100%;}
.ui-Charter.charter__f ul li + li{margin-top:17px;}
.ui-Charter.charter__f ul li .order{position: absolute;left:0;top:50%;width:62px;height:63px;line-height:63px;color:#fff;font-weight:bold;text-align: center;border-radius: 100%;margin-top:-31.5px;display: block;}
.ui-Charter.charter__f ul li .order::before{content: "";position: absolute;right:-8px;top:50%;width:7px;height:7px;background: #088cd7;border:2px solid #fff;margin-top:-3.5px;border-radius: 100%;}
.ui-Charter.charter__f ul li .order::after{content: "";position: absolute;right:-63px;top:50%;width:52px;height:2px;background: #088cd7;margin-top:1px;}

.ui-Charter.charter__f ul li .txt{display: table-cell;vertical-align: middle;line-height: 1.4;letter-spacing: -0.03em;}

.ui-Charter.charter__f ul li .order.bg1{background: #088cd7;}
.ui-Charter.charter__f ul li .order.bg1::before{background: #088cd7;}
.ui-Charter.charter__f ul li .order.bg1::after{background: #088cd7;}

.ui-Charter.charter__f ul li .order.bg2{background: #0061bb;}
.ui-Charter.charter__f ul li .order.bg2::before{background: #0061bb;}
.ui-Charter.charter__f ul li .order.bg2::after{background: #0061bb;}

.ui-Charter.charter__f ul li .order.bg3{background: #02316a;}
.ui-Charter.charter__f ul li .order.bg3::before{background: #02316a;}
.ui-Charter.charter__f ul li .order.bg3::after{background: #02316a;}

.ui-Charter.charter__f ul li .order.bg4{background: #5e7691;}
.ui-Charter.charter__f ul li .order.bg4::before{background: #5e7691;}
.ui-Charter.charter__f ul li .order.bg4::after{background: #5e7691;}

.ui-Charter.charter__f .bottom{text-align: center;font-size:20px;color:#02316a;letter-spacing: -0.04em;font-family:"score";margin-top:70px;}
.ui-Charter.charter__f ul li span {font-family: 'score';}
.ui-Charter.charter__f ul li .order {font-weight: 500 !important;}
.ui-Charter.charter__f ul li .txt {color: #666;}


@media(max-width:767px){
.ui-Charter.charter__f{min-height: auto;}
}
@media(max-width:640px){
.ui-Charter.charter__f ul li{padding-left:0;display: block;min-height:auto;height:auto;}
.ui-Charter.charter__f ul li .order{position: relative;top:0;margin-top:0;margin-bottom:10px;}
.ui-Charter.charter__f ul li .txt{display: block;}

.ui-Charter.charter__f .inner .title em {font-size:23px;}
.ui-Charter.charter__f .inner p br{display: none;}
}
/* 윤리헌장 End */

.s0102_wrap{}
.s0102_wrap .title_wrap{text-align: center;margin-top:110px;}
.s0102_wrap .title_wrap em{font-size:17px;color:#096cc0;font-weight:500;position: relative;margin-bottom:32px;padding-bottom:10px;display: inline-block;}
.s0102_wrap .title_wrap em:after{content:"";position: absolute;left:50%;bottom:0;width:74px;height:2px;background: #096cc0;margin-left:-37px;}
.s0102_wrap .title_wrap strong{font-size:30px;color:#2b2b2b;letter-spacing: -0.05em;display: block;font-family: "score";}
.s0102_wrap .cont_box{margin-top:64px;}
.s0102_wrap .txt_box{background: #f8f9fb;padding:50px 5.5%;margin-top:50px;}
.s0102_wrap .txt_box strong{font-size:20px;font-weight:bold;color:#0f1720;}
.s0102_wrap .txt_box ul{}
.s0102_wrap .txt_box ul li{position: relative;padding-left:8px;font-size:16px;color:#4b4b4b;letter-spacing: -0.03em;margin:3px 0;}
.s0102_wrap .txt_box ul li::before{content: "";position: absolute;left:0;top:12.5px;width:4px;height:1px;background: #4b4b4b;margin-top:-0.5px;}

.list_box{margin-top:40px;text-align: center;}
.list_box .top{background: url(/images/edu/sub01/sub0102_topbg.png) no-repeat;width:396px;height:380px;margin:0 auto;padding-top:80px;padding-right:15px;}
.list_box .top .inner em{font-size:20px;font-weight:bold;color:#fff;}
.list_box .top .inner .icon{margin:30px auto 33px;}
.list_box .top .inner p{color:#fff;max-width:270px;margin:0 auto;}

.list_box .bottom{padding:0 10.7%;overflow: hidden;}
.list_box .bottom > strong{font-weight:bold;font-size:20px;color:#0f1720;display: block;position: relative;padding-bottom:10px;margin-top:40px;}
.list_box .bottom > strong:after{content: "";position: absolute;left:50%;bottom:0;width:9px;height:9px;margin-left:-4.5px;background: #096cc0;border-radius:100%;z-index: 1;}
.list_box ul{position: relative;margin-top:35px;}
.list_box ul::before{content: "";position: absolute;left:50%;top:-36px;width:1px;height:36px;background: #ddd;margin-left:-0.5px;visibility:visible;}
.list_box ul::after{content: "";position: absolute;left:15.5%;top:0;width:69%;height:1px;background: #ddd;visibility:visible;}
.list_box ul li{float:left;width:calc(33.33% - 22px);margin-left:33px;min-height: 433px;background:#f8f9fb;position: relative;z-index: 1;margin-top:40px;padding:20px;}
.list_box ul li:first-child{margin-left:0;}
.list_box ul li::before{content: "";position: absolute;left:50%;top:-40px;width:1px;height:40px;background: #ddd;margin-left:-0.5px}

.list_box ul li .txt{margin-top:35px;}
.list_box ul li .txt strong{font-size:19px;color:#343434;font-weight: bold;letter-spacing: -0.03em;margin-bottom:10px;display: block;}

@media(max-width:1023px){
    .list_box .bottom{padding:0;}
}
@media(max-width:767px){
    .list_box ul::before,
    .list_box ul::after{display: none;}
    .list_box ul li{float:none;width:100%;margin-left:0;min-height: auto;}


    .list_box .top{background:#096cc0;width:auto;height:auto;margin:0 auto;padding:25px 20px;border-radius: 50px;}
    .list_box .top .inner em{font-size:20px;font-weight:bold;color:#fff;}
    .list_box .top .inner .icon{margin:30px auto 33px;}
    .list_box .top .inner p{color:#fff;max-width:100%;margin:0 auto;}
}

/* 재해사고메뉴얼  sub02_03_01*/
.s020301_wrap{overflow: hidden;margin-left:-27px;}
.s020301_wrap .list{float:left;margin-left:27px;margin-bottom:20px;width:calc(25% - 27px);border-top:2px solid #096cc0;background: #f8f9fb;padding:37px 20px 50px;text-align: center;}
.s020301_wrap .list .title{margin-bottom:20px;}
.s020301_wrap .list .title span{width:52px;height:52px;display:block;margin:0 auto;background: #fff;position: relative;border-radius: 100%;}
.s020301_wrap .list .title span em{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);display: inline-block;background: url(/images/edu/sub02/sub020301_icon.png) no-repeat;width:28px;height:20px;}
.s020301_wrap .list .title strong{display: block;font-size:20px;color:#096cc0;font-family: 'score';margin-top:10px;letter-spacing: -0.05em;}
.s020301_wrap .list .title strong em{font-weight:bold;font-family: 'score';letter-spacing: -0.05em;}
.s020301_wrap .list .bottom .pic{border-radius: 100%;border:5px solid #fff;width:157px;height:157px;position: relative;margin:0 auto 30px;}
.s020301_wrap .list .bottom .pic span{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);width:100%;height:100%;}
.s020301_wrap .list .bottom .down_wrap{display: inline-block;}

@media(max-width:1023px){
    .s020301_wrap .list{width:calc(50% - 27px);}
}
@media(max-width:499px){
    .s020301_wrap{margin-left:0;}
    .s020301_wrap .list{float:none;margin-left:0;width:100%;}
}


/* 공모전 안내 */
.s030101_wrap{}
.s030101_wrap .title_wrap{margin:75px auto 55px;text-align: center;}
.s030101_wrap .title_wrap.con2{margin-top:125px;}
.s030101_wrap .title_wrap em{font-size:17px;color:#096cc0;font-weight:bold;position: relative;padding-bottom:10px;display: inline-block;}
.s030101_wrap .title_wrap em:after{content:"";position: absolute;left:50%;bottom:0;width:74px;height:2px;background: #096cc0;margin-left:-37px;}

.s030101_top{background: url(/images/edu/sub03/sub030101_topimg.png) no-repeat;width:431px;height:414px;margin:0 auto;padding-top:124px;padding-right:15px;margin-bottom:30px;}
.s030101_top .inner{text-align:center;color:#fff;}
.s030101_top .inner em{font-size:20px;font-weight: bold;}
.s030101_top .inner p{color:#fff;font-size:18px;letter-spacing: -0.1em;line-height: 1.5;}
.s030101_bottom{text-align: center;margin-bottom:130px;}

.s030101_wrap .list_box{overflow: hidden;text-align: left;}
.s030101_wrap .list_box .box{float:left;overflow: hidden;width:calc(50% - 18px);margin-left:36px;border-radius: 10px;border: 1px solid #096cc0;position: relative;z-index: 1;min-height: 170px;padding:60px 100px 60px 50px;}
.s030101_wrap .list_box .box::after{content: "";position: absolute;z-index: -1;}
.s030101_wrap .list_box .box:nth-child(1):after{right:-30px;bottom:-20px;background: url(/images/edu/sub03/sub030101_listbox01.png) no-repeat;width:148px;height:130px;}
.s030101_wrap .list_box .box:nth-child(2):after{right:-25px;bottom:-48px;background: url(/images/edu/sub03/sub030101_listbox02.png) no-repeat;width:145px;height:168px;}

.s030101_wrap .list_box .box .inner{}
.s030101_wrap .list_box .box .inner em{display: block;color:#096cc0;}
.s030101_wrap .list_box .box:nth-child(1){margin-left:0;}

@media(max-width:1290px){
	.s030101_wrap .list_box .box{min-height: 195px;}
}
@media(max-width:885px){
	.s030101_wrap .list_box .box{min-height: 243px;}
}

@media(max-width:767px){
	.s030101_top{background:#096cc0;width:auto;height:auto;margin:0 auto 30px;padding:25px 20px;border-radius: 50px;}
	.s030101_top .inner em{font-size:20px;font-weight:bold;color:#fff;}
	.s030101_top .inner .icon{margin:30px auto 33px;}
	.s030101_top .inner p{color:#fff;max-width:100%;margin:0 auto;}

	.s030101_wrap .list_box .box{float:none;width:100%;margin-left:0;min-height: auto;margin-bottom:20px;padding:60px 35px;}
}