@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
*/
html,body{overflow-x:hidden; }
body{background:#fff;font-family: 'Noto Sans KR', sans-serif;color:#565656;width:880px;margin: 0 auto;letter-spacing:-1px;}
ul{list-style:none;padding:0}
a{color:#212121;text-decoration:none !important;}
a:hover{color:#212121;}
a:action{text-decoration:none;color:#212121;}
caption{position:absolute;left:-9999px;}
fieldset,legend{border:none;}
h1{font-size:36px;color:#212121;font-weight:100;letter-spacing:-1px;}
h1 span{display:inline-block;}

h2{font-size:18px;margin:1em 0;}
.texta{text-align: justify;}
.inner-padd{padding:60px;}
.bg-red{background:#e82511;}
.bg-Bluish{background: #2c3872;}
.bg-gray{background: #7e7e7e;} 
.gap{padding-top:2em;margin-bottom:2em;}
.deco:after{content:"";border-bottom:1px solid #212121;display:block;margin:0 auto;width:15%;min-width:80px;}
.img-padd{margin-bottom:.5em;}
.img-alt{margin-bottom:.5em;}
.img-alt:before{content:" ▲ ";color:#f8991b;font-size:70%;}
/*************************** mobile *********************************/
#nav-toggle { position: fixed;top: -61px;left: 0px;z-index: 101;transition:.3s;width:100%;height:60px;border-bottom:1px solid #dfdfdf;background:#ffffff;}
#nav-toggle .logo{line-height:60px;}
#nav-toggle .logo img{margin-left:10px;margin-top:10px;}
#nav-toggle .btn-nav-toggle {display: block;width: 60px;height: 60px;right:0px;top:0px;position:absolute;background-image: url(../images/common/btns.png);background-repeat: no-repeat;text-indent: -9999px;opacity: 1; background-position: 0 0}
#nav-toggle .btn-nav-toggle:hover {opacity: .3;}
.navtoggleon #nav-toggle .btn-nav-toggle {background-position:0 -60px;}
.navtoggleon #nav-toggle .btn-nav-toggle:hover {}
#gnb-mobile{position:absolute;overflow-y:auto;display:none;top:0;width:100%;height:100%;background:#fff;z-index:99;padding:80px 30px 0 20px;overflow-y:aauto;}
ul.gmt{padding:0;margin:0;margin-bottom:10px;list-style:none;background:#2b3972;}
ul.gmt li:first-child{background:#f8991b;}
ul.gmt li:nth-child(2){background:#26a665;}
ul.gmt li{position:relative;padding:25px;display:block;font-family: 'Playfair Display', serif;height:130px;}
ul.gmt li a{color:#ffffff;display:block;padding-bottom:30px;background:transparent url(../images/arrow.png) 0 100% no-repeat;transition:.3s;}
ul.gmt li:hover a{background-position:10% 100%;}
ul.gmt li a b{clear:both;display:block;color:#ffffff;font-weight:bold;text-decoration:underline;}
ul.gmt li span.nu{color:#ffffff;position:absolute;right:10px;bottom:10px;font-size:46px;}
ul.gmt li span.nu{font-size:26px;}
ul.gmt li:nth-child(4){background:#FF3300; }
ul.gmt li:nth-child(4) a{}
#gnb-mobile ul.navi{list-style:none;padding:0;margin:0;}
#gnb-mobile ul.navi li{padding-bottom:15px;}
#gnb-mobile ul.navi2{list-style:none;padding:0;margin:0;}
#gnb-mobile ul.navi2 li{padding-bottom:15px;}

.navi{padding:10px 10px 0px  !important;display:block;background:#ffffff;}
.navi li{list-style: none;}
.navi>li>a{padding:15px 0;display:block;font-family: 'Playfair Display','Jeju Myeongjo', serif;font-size:20px;display:block;position:relative;}
.navi .col-ijpem>a{background:#f8991b;color:#fff;padding-left:10px; }
.navi .col-ijpem-gt>a{background:#26a665;color:#fff ;padding-left:10px;}
.navi .col-jkspe>a{background:#2b3972;color:#fff; padding-left:10px;}
.navi .col-kspe>a{background:#333333;color:#fff; padding-left:10px;}
.navi li ul{padding: 0;}
.navi span{color:#888;display:block;font-size:13px;}
.navi .more{color:#fff;display:block;font-size:13px;}
.navi>li>a span{position:absolute;right:10px;top:23px;}
.navi>li>a span:before{content:"+";color:#fff;}
.navi ul li{margin:5px 0;border-bottom:1px dotted #ddd;clear:both;padding:5px 5px 5px 0;}
.navi ul li:last-child{border:none;}

.navi2{padding:10px 10px 50px  !important;display:block;background:#ffffff;}
.navi2 li{list-style: none;}
.navi2>li>a{display:block;display:block;position:relative;}
.navi2 .col-kspe>a{background:#333333;color:#fff; padding-left:10px;}
.navi2 li ul{padding: 0;}
.navi2 span{color:#888;display:block;font-size:13px;}
.navi2 .more{color:#333;display:block;font-size:13px;}
.navi2>li>a span{position:absolute;}

.navi2 ul li{margin:5px 0;border-bottom:1px dotted #ddd;clear:both;padding:5px 5px 5px 0;}
.navi2 ul li:last-child{border:none;}


.navtoggleon #gnb-mobile{display:block;position: fixed;height: 100%;}
/*************************** wrap *********************************/
#wrap{width:100%;margin:0 auto;box-shadow:7px 7px 20px rgba(0,0,0,.1);}
.navtoggleon #wrap{opacity:.2;}
.inner{clear:both;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;clear:both;}
.overflow-hidden{overflow:hidden;}

/*************************** header *********************************/
#header{position:relative;z-index:1;background:#282828;}
#header ul,li{padding: 0; margin: 0;}
#header li{list-style: none; float: left;}
#header li:after{clear: both;}
#logo{padding:40px 30px;display:block;margin-left: 30px;}
#header li:last-child{padding:40px 30px 40px 0px;display:block;margin-left: 0px;}
#logo2{padding:40px 30px;display:block;}

/*************************** container *********************************/
#container{}
#container .inner{background:#ffffff;}
#container .info-img{text-align:center;color:#444;margin-top: 10px;}
#container .info-img:before{content:" ▲ ";color:#04bdbd;font-size:11px;}

#aside{}
#aside ul{padding:0;margin:0;list-style:none;}

.open-access-sub{padding:10px 10px 50px  !important;display:block;background:#ffffff;}
.open-access-sub>li>a{padding:15px 0;display:block;font-size:20px;display:block;position:relative;}
.open-access-sub .col-ijpem>a{color:#f8991b !important;}
.open-access-sub .col-ijpem-gt>a{color:#26a665 !important;}
.open-access-sub .col-jkspe>a{color:#2b3972 !important;}
.open-access-sub .col-kspe>a{color:#333333 !important;}
.txt_01{font-weight: 500;font-size: 20px;}
.open-access-sub span{color:#888;display:block;font-size:13px;}
.open-access-sub>li>a span{position:absolute;right:10px;top:23px;}
.open-access-sub>li>a span:before{content:"+";color:#f8991b;}
.open-access-sub ul li{margin:5px 0;border-bottom:1px dotted #ddd;clear:both;padding:5px 5px 5px 0;}
.open-access-sub ul li:last-child{border:none;}
.b-navi{background:#303030;line-height:3em;padding-left:25px;margin:0 -15px;color:#aaa;position:relative;}
.b-navi a{width:50px;height:50px;display:block;background:transparent url(../images/common/directions.png) 0 0 no-repeat;opacity:.5;transition:.3s;position:absolute;text-indent:-9999px;top:0;}
.b-navi a:hover{opacity:1;}
.b-navi a.prev{right:50px;}
.b-navi a.next{background-position:-50px 0;right:0;}
.orange{width:30%;}
/*************************** footer *********************************/
#footer {background:#202023;padding:30px;color:#888888;}
#footer .inner{}
#footer .inner a{color:#888888;transition:.3s;}
#footer .inner a:hover{color:#fff;}
/*************************** sider *********************************/
#sider{}
/*************************** etc *********************************/
#etc{}



 

#head{position:relative;}
#head .logo{position: absolute;padding: 30px;z-index: 1;}
#head .logo div{text-align: right;}
#head .logo div a{color: #fff;font-size: 22px;}
#head .logo div a span{font-size: 28px;font-weight: 100;}
#head .menu{position: relative;z-index: 99;bottom: 10%;width: 100%;max-width: 748px;margin: 0 auto;margin-top: -14%;}
#head ul{padding: 0;width: 100%;text-align: center;background: #C2C2C2;}

ul:after {
    content: "";
    clear: both;
    display: block;
}
#head ul li{float: left;width: 19.89%;background: #C2C2C2;padding: 12px 0;height: 72px;}
#head ul li.bar{width: 0.01%;border-right:1px solid #AAAAAA;height: 40px;padding: 0;margin-top: 17px;}
#head ul li.on1{background:#ECAA0D}
#head ul li.on2{background:#8FB739}
#head ul li.on3{background:#45B6C8}
#head ul li.on4{background: #EB5D67}
#head ul li.on5{background: #005cb0}
#head ul li a{color:#fff;font-size: 15px;}
.sub4_p{margin:0;text-align:right;margin-top:5px;font-size:14px;}
.sub4_p a{color:#555;padding: 0 5px;}
.sub4_p a.on{color:#EB5D67}

#content_s{background: #ffffff;max-width: 824px;margin: 0 auto;margin-top: -5.5%;padding: 110px 50px 50px;position: relative;}

#sub1 .bar{width: 55px;height: 1px;border-top: 2px solid #8D8D8D;margin-bottom: 7px;margin-left: 8px;}

#sub1 .sub1_01{font-size: 32px;font-weight:400;margin: 0 0 50px 0;}
#sub1 .sub1_01 div{}

#sub1 .sub1_03{margin-bottom:20px;}
#sub1 .sub1_03 div.main_ul{margin: 20px 0 0 0;padding: 30px 10px;}
#sub1 .sub1_03 ul{text-align: center;margin: 0;padding: 0;}
#sub1 .sub1_03 ul:after{content:"";clear:both;display:block;}
#sub1 .sub1_03 ul li{width:33%;float:left;padding: 0 2%;}
#sub1 .sub1_03 ul li img{max-width:127px;}
#sub1 .sub1_03 ul li div{text-align:center;font-size: 20px;margin: 9px 0px 0 0;font-weight: 300;}

#sub1 .sub1_04{margin-bottom: 40px;}
#sub1 .sub1_04 ul{text-align: center;margin: 20px 0;border: 2px solid #E7E7E7;padding: 20px 0;background: #F9FDFF;}
#sub1 .sub1_04 ul:after{content:"";clear:both;display:block;}
#sub1 .sub1_04 ul li{width: 31%;padding: 0 1%;display: inline-block;vertical-align: bottom;}
#sub1 .sub1_04 ul li.bar2{width:2px;border-right:2px solid #E7E7E7;height:130px;padding: 0;}
#sub1 .sub1_04 ul li img{max-width:127px;}
#sub1 .sub1_04 ul li div{text-align:center;font-size: 16px;margin: 9px 0px 0 0;font-weight: 300;}


#sub1 .sub1_05 p {
    text-align: justify;
}

#sub1 .sub1_05 ul{text-align: center;margin: 20px 0;border: 2px solid #E7E7E7;padding: 10px 0;background: #F9FDFF;}
#sub1 .sub1_05 ul:after{content:"";clear:both;display:block;}
#sub1 .sub1_05 ul li{width: 18.5%;padding: 0 1%;display: inline-block;vertical-align: bottom;}
#sub1 .sub1_05 ul li.bar2{width:2px;border-right:2px solid #E7E7E7;height: 43px;padding: 0;}
#sub1 .sub1_05 ul li img{max-width:127px;}
#sub1 .sub1_05 ul li div{text-align:center;font-size: 16px;margin: 0px 0px 0 0;font-weight: 300;}

#sub2{}
#sub2 .bar{width: 55px;height: 1px;border-top: 2px solid #8D8D8D;margin-bottom: 7px;margin-left: 8px;}
#sub2 h1{font-size:35px;color:#7fa925;font-weight: 300;} 

#sub3 .bar{width: 55px;height: 1px;border-top: 2px solid #8D8D8D;margin-bottom: 7px;margin-left: 8px;}
#sub3 h1{font-size:35px;color:#45b6c8;font-weight: 300;} 
#sub3 .tb1{width:100%;margin-top: 50px;}
#sub3 .tb1 table{width:100%;text-align: center;} 
#sub3 .tb1 table th{background:#45b6c8;color:#fff;text-align: center;font-weight: 300;font-size: 20px;padding: 7px 0;}
#sub3 .tb1 table td{padding: 10px 0;font-size: 14px;border-bottom: 1px solid #565656;}
#sub3 .tb1 table td.td1{background:#e5e5e5;width:100px;}
#sub3 .tb1 table td.td2{width:270px}
#sub3 .tb1 table td.td3{width:194px;}

#sub4 h3{font-size:22px;margin:0;text-align:center;font-weight:400;margin-bottom:5px}
#sub4 h2{font-size:35px;margin:0;text-align:center;font-weight:400;} 
#sub4 > div{margin-top:25px;font-weight:300; text-align: justify;}
#sub4 div p{font-size:21px;}
#sub4 div p div{font-size:16px;}
#sub4 ul{margin: 35px 0 15px;background:#fef7f7;padding: 20px;position: relative;}
#sub4 ul li{position:relative;padding: 3px 0px;padding-left:77px;word-break:break-word;}
#sub4 ul li span{position:absolute;left:0;/*max-width:65px;*/width:100%;text-align: justify;display: inline-block;}
#sub4 ul li span img{max-width:6px;margin-right:5px}
#sub4 ul .btn_link{background:#eb5d67;position: absolute;right: 20px;bottom: 20px;padding: 5px 45px;color: #fff;}
#sub4 .img{}
#sub4 .img div{display:inline-block;width:50%;vertical-align:top;margin-bottom:30px;}
#sub4 .img2{margin: 40px 0 30px;text-align:center;}
#sub4 .tb1{width:100%;margin-top: 50px;}
#sub4 .tb1 table{width:100%;text-align: center;} 
#sub4 .tb1 table th{background:#eb5d67;color:#fff;text-align: center;font-weight: 300;font-size: 20px;padding: 7px 0;}
#sub4 .tb1 table td{padding: 10px 0;font-size: 14px;border-bottom: 1px solid #565656;}
#sub4 .tb1 table td.td1{background:#e5e5e5;width:100px;}
#sub4 .tb1 table td.td2{width:270px}
#sub4 .tb1 table td.td3{width:160px;}


#sub5 .bar{width: 55px;height: 1px;border-top: 1px solid #8D8D8D;margin-bottom: 7px;margin-left: 8px;}
#sub5 h1{font-size:30px;margin:0;text-align:left;font-weight:400;color: #005cb0;margin-bottom:10px;}
#sub5 h3{font-size:22px;margin:0;text-align:center;font-weight:400;margin-bottom:5px}
#sub5 h2{font-size:35px;margin:0;text-align:center;font-weight:400;color: #005cb0;}
#sub5 > div{margin-top:25px;font-weight:300; text-align: justify;}
#sub5 div p{font-size:21px;}
#sub5 div p div{font-size:16px;}
#sub5 .cont5{margin-bottom:40px;}
#sub5 ul{margin: 35px 0 15px;background:#f8fdff;padding: 20px;position: relative;}
#sub5 ul li{position:relative;padding: 3px 0px;padding-left:77px;word-break:break-word;}
#sub5 ul li span{position:absolute;left:0;text-align: justify;display: inline-block;}
#sub5 ul li span img{max-width:6px;margin-right:5px}
#sub5 ul .btn_link{background:#005cb0;position: absolute;right: 20px;bottom: 20px;padding: 5px 45px;color: #fff;}
#sub5 .img{}
#sub5 .img div{display:inline-block;width:50%;vertical-align:top;margin-bottom:30px;}
#sub5 .img2{margin: 40px 0 30px;text-align:center;}

.pink{color:#F95F6E;}
.yellow{color:#ECAA0D;} 
.blue{color:#00ACC5;}
.s_40{font-size: 40px;font-weight: 300;padding-right: 8%;letter-spacing: -1px;}
.s_42{font-size: 42px;font-weight: 100;padding-right: 8%;letter-spacing: -1px; color:black;}


.sub1_01 .bold {
    font-weight:500;
}



.bold {
    font-weight:500;
}


#bottom{background: #2F2F2F;padding: 47px 25px;}
#bottom:after {content: "";clear: both;display: block;}
#bottom .b_logo{float: left;width: 18%;padding-top: 9px;}
#bottom .b_logo img{max-width:164px;width:100%}
#bottom .b_content{float: left;width: 67%;color: #ababab;padding: 0 2%;font-size: 13px;letter-spacing: -0.5px;}
#bottom .b_sns{float: right;width: 15%;}
#bottom .b_sns img{width: 30%;max-width: 39px;}

@media(max-width:900px){

}
@media(max-width:748px){
	
}
@media(max-width:648px){
	#bottom {padding: 30px 10px;}
	#bottom .b_logo{width:100%;text-align:center;padding-top:0px;padding-bottom:15px;}
	#bottom .b_content{float:none;display:inline-block;padding-right: 10px;width:80%}
	#bottom .b_sns{float:none;display:inline-block;width:20%;}
}
@media(max-width:500px){
	#bottom .b_content{display:block;width:100%;padding-bottom:15px;}
	#bottom .b_sns{display:block;width:100%;text-align:right;}
}
@media(max-width:475px){
    #sub1 .sub1_03 ul li{width: 100%;float: left;padding: 0 2% 34px;}
}