@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#303030;}
div {display:block;}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.inner {width:1200px;margin:auto;clear:both}
.c_main {color:#0066a8 !important}
.c_sky1 {color:#809eb1 !important}
.c_sky2 {color:#80adc9 !important}
.c_navy {color:#003c63 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}

h1 {font-size:50px;}
h2 {font-size:37px}
h3 {font-size:30px;}
h4 {font-size:25px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }

span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.clearfix:after {clear:both; content:''; display: block;}

hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mtm30 {margin-top:-30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}


.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}

.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}




/* 공통 */
#wrap {width:100%; min-width:1200px; margin:auto; position:relative; }
#header {width:100%; min-width:1200px; height:120px; position:absolute; top:0;  z-index:10; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-top: solid 7px #085aa5; background-color: #fff;}
#header .inner {position:relative;}
#header .logo {margin-top:10px;float:left;}
#header .language {line-height:120px; padding: 0px 15px;}


#header #gnb {line-height:120px; float:right; padding-bottom:20px;}
#header #gnb > ul {}
#header #gnb > ul > li {float:left;font-size:20px;width:128px;text-align: center; padding:0px 6px;}
#header #gnb > ul > li:nth-child(2) {width:145px;}
#header #gnb > ul > li:nth-child(5) {width:132px;}
#header #gnb > ul > li a {display:block; color:#303030;}
#header #gnb > ul > li > a.on,#header #gnb > ul > li > a:hover {color:#003c63;font-weight:bold}

#header #gnb.eng {line-height:30px !important; float:right; padding-bottom:20px;}
#header #gnb.eng > ul > li {float:left;font-size:20px;width:128px;text-align: center; padding:21px 6px;}
#header #gnb.eng > ul > li:nth-child(1) {line-height: 120px !important; padding:0px 6px;}

#header #gnb .subnav { margin:auto;
background:#fff;
width:100%;
 clear:both;
 display: none;
 position: absolute;
  z-index:10;
  text-align:left;
  top:100px;
  left:0;
  font-size:14px;
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  border-top:1px #e0e0e0 solid;
 }
#header #gnb .subnav ul {width:1200px;margin:auto;padding:10px 0px 10px 425px;}
#header #gnb .subnav li {float:left;width:120px;;border-left:1px #e0e0e0 solid;min-height:352px;margin-bottom:10px;}
#header #gnb .subnav li:nth-child(2) {width:145px;}
#header #gnb .subnav li:nth-child(4) {width:128px;}
#header #gnb .subnav li:nth-child(5) {width:135px;}
#header #gnb .subnav li.first {border-left:0}
#header #gnb .subnav dd {line-height:32px; border-bottom: 1px solid #efefef;}
#header #gnb .subnav a:hover {/*font-size:large;*/color:#0072bc}
#header #gnb .subnav a {display:block;padding:0 10px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out; color:#303030;}


/*fullpage*/
#fullpage {color:#303030;}


/*section 공통*/
.section {text-align:center;background-position:center;background-size:cover;background-repeat:no-repeat}
.section .txt h1{font-weight: 400;}
.section .icon_wrap{width:1200px; height:388px; margin: 0 auto;}

/*section intro1*/
.section#intro1{background-image:url(images/main_sl.jpg);}


/*section intro2*/
.section#intro2 .icon_wrap a{ width:250px;; height:383px; float:left; text-align: center; margin:0px 20px; border: 1px #e0e0e0 solid; }
.section#intro2 .icon_wrap a:hover{background-color: rgba(214,221,228,0.4); }
.section#intro2 .icon_wrap a:first-child{background-image: url(images/2phara_1icon.png); background-position: 3% 50%;}
.section#intro2 .icon_wrap a:nth-child(2){background-image: url(images/2phara_1icon.png); background-position: 34.5%; }
.section#intro2 .icon_wrap a:nth-child(3){background-image: url(images/2phara_1icon.png); background-position: 66.5%;}
.section#intro2 .icon_wrap a:nth-child(4){background-image: url(images/2phara_1icon.png); background-position: 98.5%;}

.section#intro2 .icon_wrap a h4{color:#085aa5; margin-bottom: 40px;}
.section#intro2 .icon_wrap a div{padding-top: 230px;}


/*section intro3*/
.section#intro3{background-image:url(images/3phara_bg.jpg);}
.section#intro3 .icon_wrap a h4{ margin-bottom: 40px;}
.section#intro3 .icon_wrap div.box {width:250px; height:410px; background-color:#fff; float:left; text-align: center; margin: 0px 20px; }
.section#intro3 .icon_wrap div.box:first-child{background-image: url(images/3phara_1icon.png); background-position: 2.5% 0%;}
.section#intro3 .icon_wrap div.box:nth-child(2){background-image: url(images/3phara_1icon.png); background-position: 34.5% 0%;}
.section#intro3 .icon_wrap div.box:nth-child(3){background-image: url(images/3phara_1icon.png); background-position: 66.5% 0%;}
.section#intro3 .icon_wrap div.box:nth-child(4){background-image: url(images/3phara_1icon.png); background-position: 98% 0%;}

.section#intro3 .icon_wrap .box{position: relative;}
.section#intro3 .icon_wrap .box:first-child .txt_wrap{position: absolute; bottom: 0; left:10%;}
.section#intro3 .icon_wrap .box:nth-child(2) .txt_wrap{position: absolute; bottom: 0; left:18%;}
.section#intro3 .icon_wrap .box:nth-child(3) .txt_wrap{position: absolute; bottom: 0; left:5%;}
.section#intro3 .icon_wrap .box:nth-child(4) .txt_wrap{position: absolute; bottom: 0; left:0%;}
.section#intro3 .icon_wrap .box .txt_wrap > *{margin-bottom: 25px;}
.section#intro3 .icon_wrap .second .txt_wrap > *{margin-bottom: 40px !important;}
.section#intro3 .icon_wrap .box .txt_wrap a:hover{color:#0072bc}
.section#intro3 .icon_wrap .box .txt_wrap p a:hover{font-size: larger;}

/*영문*/
.section#intro3 .icon_wrap .box .txt_wrap_eng{position: absolute; bottom: 0; left:0%;}
.section#intro3 .icon_wrap .box .txt_wrap_eng > *{margin-bottom: 25px;}
.section#intro3 .icon_wrap .second .txt_wrap_eng > *{margin-bottom: 40px !important;}
.section#intro3 .icon_wrap .box .txt_wrap_eng a:hover{color:#0072bc}
.section#intro3 .icon_wrap .box .txt_wrap_engp a:hover{font-size: larger;}


/*section intro4*/
.section#intro4 .board_wrap{width:1200px; margin: 0 auto;}
.section#intro4 .board_box{width:560px; height:260px; margin: 0px 20px; float: left;}
.section#intro4 .board_box div.output{border-top:4px solid #0072bc; text-align: left; padding:10px 0 0 0;}
.section#intro4 .board_box div.tit{height:40px;}
.section#intro4 div .board_box h4 {float: left; margin-left: 10px; line-height: 40px; display: inline-block;}

.section#intro4 span.go a{display: block; float:right; line-height:40px; }
.section#intro5 span.go i{margin-left:40px; font-size: 16px; /*-webkit-transition:all 0.2s ease-out; transition: all 0.2s ease-out;*/}

.section#intro4 .cs_icon {background-image: url(images/cs_icon.png); width:576px; height:245px; float:right;}
.section#intro4 .cs_icon a{width:33.3%; height:245px; float: left; z-index: 99;}
.section#intro4 .cs_icon a:hover{background-color: rgba(255,255,255,0.15);}
/*.section#intro4 .cs_icon h4{color:white; width:30%; display: inline-block;}*/

.section#intro4 .cs_icon_eng {background-image: url(images/cs_icon_eng.png); width:576px; height:245px; float:right;}
.section#intro4 .cs_icon_eng a{width:33.3%; height:245px; float: left; z-index: 99;}
.section#intro4 .cs_icon_eng a:hover{background-color: rgba(255,255,255,0.15);}




/*.section#intro5*/ 
.section#intro5 {width:100%; min-width: 1200px; height:200px;} 
/********************#footer****************************/
#footer{width:100%;background:#08355e;padding:50px 0px;}
#footer .content {width:1400px;margin:0 auto; display:block;text-align:center;}
#footer .content .top{color:#fff;font-size:0.9em;}
#footer .content .top a{color:#fff;font-size:0.9em;}
#footer .content .bottom {color:#fff;font-size:0.9em;}


/* 아코디언- 자주하는 질문 */
#subcontent01 .mid .accordion {  }
#subcontent01 .mid .accordion .q_line {width:100%; border-top: 2px solid #085aa5; border-bottom:1px #e0e0e0 solid; text-align:left;font-size:18px; cursor:pointer;padding:0 20px;margin-top:50px}
#subcontent01 .mid .accordion .q_line.first {margin-top:0}
#subcontent01 .mid .accordion .q_line h4 {line-height:70px;font-weight:bold;background:url(images/q_line.png) left center no-repeat;padding-left:40px}
#subcontent01 .mid .accordion .a_line {width:100%;padding:20px 20px 20px 60px;background:url(images/a_line.png) left 5px no-repeat #f5f5f5;margin-bottom:20px;}
#subcontent01 .mid .accordion .a_line p {text-align:justify}
#subcontent01 .mid .accordion .a_line .table p {text-align:inherit}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:url(images/q_open.gif) right center no-repeat;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {background:url(images/q_close.gif) right center no-repeat;}