@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('font/NanumGothic.eot'); 
  src: local('※'), url('font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype'); 
}  


html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%; }
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:1;font-family:'NanumGothic', '나눔고딕', "맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#000; letter-spacing:-1px; }
a { text-decoration:none; color:#000}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-family:'NanumGothic', '나눔고딕','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-family:'NanumGothic','나눔고딕',"맑은고딕",Malgun Gothic,'돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb110 { margin-bottom:110px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }

.text-under { text-decoration:underline !important }
.blue { color:#1a5ca9 !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }
h1,h2,h3,h4,h5,h6,h7,strong,th  { font-weight:600; }
.clear { clear: both;}
.col-box:after { display: block; content: ''; clear: both;}
.col-box { clear: both;}
.col-box .col-left { float:left; }
.col-box .col-right { float:right; }
.col-box .col-right.txt-box { overflow: hidden; float:none; padding-left: 25px;}
.col-box .col-left.txt-box { overflow: hidden; float:none; padding-right: 25px;}
.color1 { color: #0265b9 }
.hr1 { margin: 10px 0; border: 0; background: #dadada; height: 1px; width:100%; text-align: left;}
.hr2 { margin: 60px 0; border: 0; background: #d8dfe3	; height: 1px; width:100%; }

/***********************************************************************************
	Common
************************************************************************************/
* {box-sizing: border-box;}
.inner { max-width:1030px; padding:0 15px; margin: 0 auto; position: relative; }

#header { height: 133px; }
#header h1 { position: absolute; left: 0; top:40px;}
#gnb { float:right; padding:52px 0 0 0; }
#gnb a { float:left; padding:0 17px; font-size:24px; color: #565656; font-weight: 600;}
#gnb a.active,
#gnb a:hover { color: #07b4ca;} 
#gnb .logo { display: none;}
.main { height:448px; background: #28c3d7; margin-bottom: 175px;}
.main .slogan { text-align: center; padding:80px 0 0 0;font-size:38px; line-height: 1.4em; color: #fff; font-weight: 600;}
.main .btns { position: absolute; left: 15px; top:231px; right:15px; }
.main .btns .article { float:left;width:33.33333333333%; height: 390px; text-align: center; color: #fff; }
.main .btns .article p { font-size:25px; font-weight: 600; padding:60px 0;	}
.main .btns .article p:before { content: ''; display: block;width:100%; height: 120px;}
.main .btns .article a { display: block; margin:0 auto; width:197px; height: 77px; line-height: 76px; text-align: center; font-size:25px; color: #fff; }
.main .btns .article.article1 { background: #2885d6; }
.main .btns .article.article1 p:before { background: url(../img/main/ico1.png) no-repeat 50% 0%; }
.main .btns .article.article1 a { background: #1c5d95; }
.main .btns .article.article2 { background: #0e3f78; }
.main .btns .article.article2 p:before { background: url(../img/main/ico2.png) no-repeat 50% 0%; }
.main .btns .article.article2 a { background: #0a2c54; }
.main .btns .article.article3 { background: #484848; }
.main .btns .article.article3 p:before { background: url(../img/main/ico3.png) no-repeat 50% 0%; }
.main .btns .article.article3 a { background: #323232; }

.main2 { padding:65px 0; }
.main2 h2 { font-size:33px; color: #111; margin-bottom: 55px; }
.main2 .locs:after { display: block; content: ''; clear: both; }
.main2 .locs a { float:left; width:32%; margin-left: 2%; height: 185px; border: 3px solid #e4e6e8; padding:25px 25px 0 23px; position: relative; }
.main2 .locs a:first-child { margin-left: 0; }
.main2 .locs a span { display: block; }
.main2 .locs a .tit { font-size:26px; color: #000; min-height: 62px; margin-bottom: 8px; font-weight: 600;}
.main2 .locs a .addr { font-size:15px; line-height: 22px; color: #222; }
.main2 .locs a .circle { position: absolute; right:15px; top:20px; width:64px; height: 64px; text-align: center; font-size:17px; line-height: 19px; color: #fff; border-radius:100%; background: #28c3d7; padding-top:12px; }
.main2 .locs a:nth-child(2) .circle {background: #407fb5}
.main2 .locs a:nth-child(3) .circle {background: #7a90a3}

.main3 { background: #323232; }
.main3 .col-left { float:left; width:50%;  padding:35px 0 40px; position: relative; color: #fff; }
.main3 h3 { font-size:22px; margin-bottom: 20px;}
.main3 .col-left p { font-size:15px; line-height: 25px; font-weight: 600;}
.main3 .col-left a { position: absolute; right:25px; bottom:40px; width:110px; height: 49px; text-align: center; font-size:18px; line-height: 48px; color: #fff; font-weight: 600; background: #505050;}
.main3 .col-right { border-left:1px solid #515151; width:50%; padding:35px 0 40px 50px;color: #fff; font-weight: 600;}
.main3 .col-right h3 { margin-bottom: 23px;}
.main3 .col-right dl { margin-bottom: 8px; font-size:15px;  }
.main3 .col-right dl dt{ float:left;width:102px; padding-left: 15px; position: relative; }
.main3 .col-right dl dt:before { content: ''; position: absolute; left: 0; top:6px; width:3px; height: 3px; background: #fff; border-radius:100%;}
.main3 .col-right dl dd { overflow: hidden; }
.main3 .col-right dl dd span { color: #28c3d7; }
.main3 .col-right dl dd img { margin:0 4px 0 8px;}

#footer { padding:40px 0 40px 85px; border-top:1px solid #323232;}
#footer .logo { display: inline-block; vertical-align: middle; }
#footer .addr { font-size:13px; line-height: 22px; color: #222; margin-left: 35px; display: inline-block; vertical-align: middle; letter-spacing: 0;	}

.btn-m { display: none;position: absolute; left: 0; top:0; width:56px; height: 56px; background: url(../img/common/btn_m_nav.png) no-repeat 50% 50%;}
.bg-m { display: none;position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:4000; }

body.fixed #gnb { display: block;left:0; }
body.fixed { overflow: hidden;}
body.fixed .bg-m { display: block;}


/* Sub */
#contents { }
.sub-visual { background:#28c3d7; }
.sub-visual .inner { height: 143px; background: url(../img/sub/bg_visual.png) no-repeat 50% 0;}
.sub-visual .desc { float:right; padding-top:30px; font-size:29px; line-height: 41px; color: #fff; font-weight: 600; }
.sub-visual .tit { position: absolute; left: 15px; top:25px; width:294px; height: 181px; background: url(../img/sub/bg_title.png) no-repeat 0 0; text-align: center; padding-top:20px; font-size:35px; color: #fff; font-weight: 600;}
#contents h2 { text-align: center; font-family: 'Nanum Myeongjo', '나눔명조', serif; font-size:52px; color: #403f3f; padding:65px 0 35px; }

.sub1 { max-width:1030px; margin: 0 auto; padding:0 15px;}
.sub2 { max-width:1030px; margin: 0 auto; padding:0 15px;}
.sub1 .list .article { padding:55px 40px 55px 255px; min-height: 182px; border: 4px solid #e8ecef; position: relative; margin-bottom: 28px;}
.sub1 .list .article h3 { position: absolute; left: 25px; top:50%; margin-top:-25px; font-size:33px; color: #2c353d; font-weight: normal;}
.sub1 .list .article h3 span { display: inline-block; vertical-align: middle; width:55px; height: 55px; line-height: 53px; text-align: center; font-size:29px;  font-weight: 600; border-radius:100%; margin:-5px 14px 0 0; background: #2070ba; color: #fff; }
.sub1 .list .article div { font-size:20px; color: #000; line-height: 34px; }
.sub1 .list .article div strong { display: block; color: #0a5ca8;}
.sub1 .list .article:nth-child(1) { background: url(../img/sub/bg1.png) no-repeat 100% 50%; padding-top:68px; }
.sub1 .list .article:nth-child(2) { background: url(../img/sub/bg2.png) no-repeat 100% 50%; }
.sub1 .list .article:nth-child(3) { background: url(../img/sub/bg3.png) no-repeat 100% 50%; padding-top:20px; padding-bottom: 20px; }
.sub1 .list .article:nth-child(4) { background: url(../img/sub/bg4.png) no-repeat 100% 50%; }
.sub1 .list .article:nth-child(5) { background: url(../img/sub/bg5.png) no-repeat 100% 50%; padding-top:17px; padding-bottom: 17px; }
.sub1 .list .article:nth-child(even) h3 span {background: #5b7187; }
.sub1-scroll { margin-bottom:110px;}


.tabs:after { display: block; content: ''; clear: both; }
.tabs { margin-bottom: 55px;}
.tabs a { float:left; width:50%; height:66px; border: 1px solid #44617c; text-align: center; line-height: 63px; font-size:25px; color: #062139; font-weight: 600;}
.tabs a.active { border:none; color: #fff; background: #1c64a6;}

.sub2 .desc { padding:60px 55px; border: 1px solid #9aa8b5; background: url(../img/sub/bg6.png) no-repeat 100% 50%; font-size:22px; line-height: 38px; margin-bottom: 60px;}
.sub2 .desc strong { font-size:31px; color: #0959a1;  }
.sub2 .desc span { color: #2e9e07; font-weight: 600; }
.sub2 .category:after { display: block; content: ''; clear: both;}
.sub2 .category .article { float:left; width:306px; margin:0 0 60px 41px;}
.sub2 .category .article:nth-child(3n + 1){ margin-left: 0; }
.sub2 .category .article .tit { height: 120px; padding:27px 0 25px 140px; position: relative; border: 1px solid #1c64a6; font-size:22px; color: #000; }
.sub2 .category .article .tit strong { display: block; font-size:27px; margin-bottom: 10px;}
.sub2 .category .article .txt { min-height: 157px; text-align: center; padding-top:33px; border: 1px solid #d2dfe3; border-top:0; font-size:18px; line-height: 32px; color: #000; }
.sub2 .category .article:nth-child(1) .tit { background: url(../img/sub/ico1.png) no-repeat 36px 50%;}
.sub2 .category .article:nth-child(2) .tit { background:#1364af url(../img/sub/ico2.png) no-repeat 46px 50%; color: #fff; border:0; }
.sub2 .category .article:nth-child(3) .tit { background: url(../img/sub/ico3.png) no-repeat 36px 50%;}
.sub2 .category .article:nth-child(4) .tit { background:#28c3d7 url(../img/sub/ico4.png) no-repeat 36px 50%; color: #fff; border:0; }
.sub2 .category .article:nth-child(5) .tit { background: url(../img/sub/ico5.png) no-repeat 46px 50%;}
.sub2 .category .article:nth-child(6) .tit { background:#40b7db url(../img/sub/ico6.png) no-repeat 36px 50%; color: #fff; border:0; padding-top:18px;}
h4 { font-size:28px; line-height: 1.3em; font-weight: normal; margin-bottom: 40px;}
h4 strong { font-size:54px; color: #1c64a6;}

.table-box { border: 2px solid #d2dbe4; margin-bottom: 95px;}
.table-box .scroller { padding:40px; }
.table-box table { width:100%; border-collapse: collapse;}
.table-box .table1 thead th { font-size:31px; color: #0b356e; padding-bottom: 18px;}
.table-box .table2 thead th {  letter-spacing: 65px; font-size:28px; background: #779fc8; padding:13px 0; color: #fff;}
.table-box .table2 tbody th { padding:18px 5px; font-size:18px; color: #000; background: #f7f8f9; border-bottom: 1px solid #c0cedb; font-weight: normal;}
.table-box .table2 tbody td { font-size:19px; line-height: 25px; color: #000; text-align: center; border-left: 1px solid #c0cedb; border-bottom: 1px solid #c0cedb; vertical-align: top; padding-top:40px; }
.table-box .table2 tbody em { display: inline-block; vertical-align: middle; padding:0 12px; height: 28px; line-height: 27px; font-size:17px; color: #fff; background: #949faa; border-radius:28px; margin-bottom:18px; }
.table-box tbody td.lunch { vertical-align: middle; padding: 5px 0; font-size:26px; color: #010101; font-weight: 600; text-align: center; background: #f7f8f9;}
.table-box tbody td div { padding-left: 20px; text-align: left;}
.table-box tbody td p { display: inline-block; vertical-align: middle; padding-left: 14px; position: relative; text-align: left; margin-bottom: 8px;}
.table-box tbody td p:before { content: ''; position: absolute; left: 0; top:9px;width:3px; height: 3px;  background: #000;}

@media all and (max-width:1030px) {
	#header { height: 55px; }
	#header h1 { position: static; text-align: center; padding-top:8px;}
	#header h1 img { height: 30px;}
	.main { height: auto; padding:0 0 15px;}
	.main .slogan { padding:30px 0 20px 0; font-size:20px; line-height: 1.4em;}
	.main .btns { position: static; overflow: hidden;}
	
	
	.btn-m { display: block;}
	#gnb .logo { display: block;}
	#gnb {  position:fixed; top:0; bottom:0; z-index:5000; width:280px; background: #fff; left:-280px; height: 100%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; padding:40px 0; }
	#gnb .logo img { height: 30px; }
	#gnb .logo { padding-bottom: 15px; padding-left: 8px; border-bottom: 2px solid #999;}
	#gnb .logo p:nth-child(1) { padding:0 0 5px 7px;}
	#gnb a { display: block; width:100%; height: 50px; line-height: 49px; border-bottom: 1px solid #ddd; font-size:16px; padding-left: 15px;}
	#gnb a.active { background: #f2f2f2;}
	#gnb .btn-close { position: absolute; right:0; top:0; width:40px; height: 40px; background: url(../img/common/btn_close.png) no-repeat 50% 50%; }
	
	
	.sub-visual .inner { height: auto; padding:15px; overflow: hidden;}
	.sub-visual .inner .tit { position: static; width:auto; height: auto; background: #1c64a6; padding:10px; font-size:20px; }
	.sub-visual .desc { float:none; font-size:20px; line-height: 1.3em; padding:0 0 15px; text-align: center; }
	.sub2 .category .article { width:48%; margin:0 1% 2% !important; }
	.sub2 .desc { padding:20px; background: none;}
	.sub2 .desc br{ display: none;}
	h4 { font-size:20px; margin-bottom: 20px;}
	h4 strong { font-size:26px;}
	.table-box  { margin-bottom: 30px;}
	.table-box .scroller { padding:10px;}
	.table-box .table1 thead th,
	.table-box .table2 thead th,
	.table-box .table2 tbody th,
	.table-box .table2 tbody td { font-size:15px; letter-spacing: -1px; }
	.table-box .table2 tbody em { font-size:13px; }
	.table-box .table2 tbody td.lunch img { width:25px; }
}


@media all and (max-width:950px) {
	.main { margin-bottom: 20px;}
	.main .btns .article { float:none; width:100%; height: auto; padding-bottom: 10px;}
	.main .btns .article p { padding:25px 0; font-size:17px;}
	.main .btns .article p:before { height: 90px;}
	.main .btns .article a { width:90%; height: 40px; line-height: 39px; font-size:14px;}
	.main2 { padding:10px 0 20px;}
	.main2 h2 { margin-bottom: 20px;}
	.main2 .locs a { display: block;width:100%; float:none; margin:0 0 10px; height: auto; padding-bottom: 20px; padding-right: 90px;}
	.main2 .locs a .tit br { display: none;}
	.main2 .locs a .tit { font-size:18px; min-height: inherit; }
	.main2 .locs a .addr br { display: none; }
	.main3 .col-left { float:none; width:100%; }
	.main3 .col-left a { top:20px;}
	.main3 .col-right { float:none; width:100%; border: 0; padding-left:0; border-top:1px solid #515151; }
	#footer { padding: 20px 0;  }
	#footer .logo { display: block; }
	#footer .addr { display: block; padding: 15px 0 0 0; margin: 0; font-size:12px; line-height: 1.3em; }
	
}


@media all and (max-width:850px) {
	.sub1 .list .article { padding:20px !important; min-height: inherit;}
	.sub1 .list .article h3 { position: static; margin: 0 0 15px; font-size:20px; }
	.sub1 .list .article h3 span { width:35px; height: 35px; line-height: 34px; font-size:16px; margin-right: 8px;}
	.sub1 .list .article div { font-size:14px; line-height: 1.3em; }
	#contents h2 { font-size:32px; padding:35px 0 25px;}
}



@media all and (max-width:600px) {
	.sub1-scroll img { min-width:600px; }
	.sub1-scroll p { overflow: auto;}
	.sub2 .category .article { width:100%; margin:0 0 2% !important;}
	.sub2 .category .article .txt { min-height:inherit; padding:15px 10px;}
	.sub2 .category .article .txt br { display: none;  }
	.table-box .table1 thead th,
	.table-box .table2 thead th,
	.table-box .table2 tbody th,
	.table-box .table2 tbody td { font-size:11px; line-height: 1.4em; letter-spacing: -1px; }
	.table-box .table2 tbody em { font-size:11px; }
	.table-box .table2 tbody td.lunch img { width:25px; } 
	.table-box .table2 tbody td br { display: none;}
	.table-box .table2 tbody td em + br { display: block; }
	.table-box .table2 tbody td { padding-top:15px;}
	.table-box tbody td div { padding-left: 5px; }
	.table-box tbody td p { padding-left: 8px;}
	.table-box tbody td.lunch { padding:5px;}
	.table-box .table2 tbody th { padding:10px 3px;}
	.table-box tbody td p:before { top:5px; }
}

@media all and (max-width:500px) {
	.sub1 .list .article { background: none !important}
}