@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Yvtug.rbg'); /* IE 호환성 보기 */
	src: local(※),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Yvtug.rbg%23vrsvk##iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Yvtug.jbss2') format('woff2'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Yvtug.jbss') format('woff'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Yvtug.ggs') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Erthyne.rbg'); /* IE 호환성 보기 */
	src: local(※),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Erthyne.rbg%23vrsvk##iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Erthyne.jbss2') format('woff2'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Erthyne.jbss') format('woff'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Erthyne.ggs') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Zrqvhz.rbg'); /* IE 호환성 보기 */
	src: local(※),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Zrqvhz.rbg%23vrsvk##iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
	     url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Zrqvhz.jbss') format('woff'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Zrqvhz.ggs') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Obyq.rbg'); /* IE 호환성 보기 */
	src: local(※),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Obyq.rbg%23vrsvk##iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
	     url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Obyq.jbss2') format('woff2'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Obyq.jbss') format('woff'),
		 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2Ssbagf%2SAbgbFnafXE-Obyq.ggs') format('truetype');
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
input,select,textarea,button {font-size:100%;vertical-align:middle;}
button {border:0 none;background-color:transparent;cursor:pointer;}
table {border-collapse:collapse;border-spacing:0;}
body {-webkit-text-size-adjust:none;} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0;}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none;}
body {background:#fff;}
body,th,td,input,select,textarea,button {color:#000;font-size:16px;line-height:1.5;font-family:'Noto Sans KR','Dotum','돋움','Arial';letter-spacing:-0.05em; font-weight: 100;} /* color값은 디자인가이드에 맞게사용 */
a {color:#000;text-decoration:none;}
a:link, a:active, a:visited {color: #000;}
a:active, a:hover {color:#000;text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
img {vertical-align:top;max-width:100%;}

html,body{position: relative; width: 100%; height: 100%;}
#wrap {position: relative; width: 100%; z-index: 0; overflow:hidden; min-height:750px; background-color: #f3f3f3;}
#wrap:after{content: ''; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_ot.wct) top center no-repeat; height:750px; width: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1; }
#wrap .inner_box{ max-width: 1280px; height:720px; margin: 0 auto; text-align: center;}
#wrap .inner_box .main_cont h1{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) 0 0 no-repeat; width: 200px; height: 85px; text-indent: -9999px; margin: 30px auto 0;}
#wrap .inner_box .main_cont h2{ margin-bottom: 40px;}
#wrap .inner_box .main_cont h2 .rd{ color: #b13113;}
/* 4개 */
/*
#wrap .inner_box .main_cont .list_box{float:left; width:calc(27% - 50px); margin:0 10px; border-radius:23px; box-shadow:0 5px 20px 0 rgba(10, 64, 139, 0.1);  background-color:#fff; text-align:center; transition:0.5s; box-sizing: border-box; position: relative;}
#wrap .inner_box .main_cont .list_box p span{ display: block; font-size: 17px; font-weight: bold;}
	
#wrap .inner_box .main_cont .list_box p span.ico{display: block; width: 100%; height: 320px; }
#wrap .inner_box .main_cont .btn_box1 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -23px -88px;  }
#wrap .inner_box .main_cont .btn_box2 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -380px -88px; }
#wrap .inner_box .main_cont .btn_box3 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -715px -88px; }
#wrap .inner_box .main_cont .btn_box4_1 p .ico{background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -27px -397px; height: 150px !important; }
#wrap .inner_box .main_cont .btn_box4_2 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -360px -418px; height: 150px !important; }

#wrap .inner_box .main_cont .btn_box4_1, #wrap .inner_box .main_cont .btn_box4_2{ position: relative; margin-bottom: 20px !important ;}	
*/

/* 3개 */
/*
#wrap .inner_box .main_cont .list_box{float:left; width:calc(33% - 50px); margin:0 10px; border-radius:23px; box-shadow:0 5px 20px 0 rgba(10, 64, 139, 0.1);  background-color:#fff; text-align:center; transition:0.5s; box-sizing: border-box; position: relative;}
#wrap .inner_box .main_cont .list_box p span{ display: block; font-size: 17px; font-weight: bold;}*/

#wrap .inner_box .main_cont .list_box{float:left; width:calc(28% - 75px); margin:0 10px; border-radius:23px; box-shadow:0 5px 20px 0 rgba(10, 64, 139, 0.1);  background-color:#fff; text-align:center; transition:0.5s; box-sizing: border-box; position: relative;}
#wrap .inner_box .main_cont .list_box p span{ display: block; font-size: 17px; font-weight: bold;}
.btn_box4_1{ background-color: #3b76c7 !important;}
.btn_box4_2{ background-color: #172242 !important;}
.btn_box4_1 img, .btn_box4_2 img{ border-radius:23px; height: 230px;}
#wrap .inner_box .main_cont .btn_box4_1, #wrap .inner_box .main_cont .btn_box4_2{ position: relative; margin-bottom: 20px !important ; height: 230px;}	
	
#wrap .inner_box .main_cont .list_box p span.ico{display: block; width: 100%; height: 360px; }
#wrap .inner_box .main_cont .btn_box1 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Sonaare_ot1.wct) no-repeat center center; }
#wrap .inner_box .main_cont .btn_box2 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Sonaare_ot2.wct) no-repeat center center; }
#wrap .inner_box .main_cont .btn_box3 p .ico{ background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Sonaare_ot3.wct) no-repeat center center; }
#wrap .inner_box .main_cont .btn_box1 { margin-left:4.5% ;}


#wrap .inner_box .main_cont .go_btn { display: block; text-align: center; padding: 15px 0; border-radius:0 0 23px 23px; position: absolute; bottom: 0; width: 100%;}
#wrap .inner_box .main_cont .go_btn .ico_go {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.llt.tb.xe%2Spbagragf%2S146%2Svageb_fc1.cat) no-repeat -318px 0; width: 12px; height: 20px; display: inline-block; vertical-align:sub; margin-left: 10px;}
#wrap .inner_box .main_cont a{ color: #fff; text-decoration: none;}
#wrap .inner_box .main_cont .btn_box1 .go_btn{ background-color: #c3300d;}
#wrap .inner_box .main_cont .btn_box2 .go_btn{ background-color: #083b66;}
#wrap .inner_box .main_cont .btn_box3 .go_btn{ background-color: #4f0b68;}
#wrap .inner_box .main_cont .btn_box4 .go_btn{ background-color:#cb9a23;}
#wrap .inner_box .main_cont .btn_box4_1 .go_btn{ background-color: #2a6e24;}
#wrap .inner_box .main_cont .btn_box4_2 .go_btn{ background-color: #9b2e54;}
	
#wrap .inner_box .main_cont .list_box p span.tit{ font-size: 25px; font-weight: bold; margin-top: 50px;}
#wrap .inner_box .main_cont .list_box span.s_tit {font-size: 20px; color:#000}
#wrap .inner_box .main_cont .btn_box1 p span.tit{ color:#c3300d;}
#wrap .inner_box .main_cont .btn_box2 p span.tit{ color:#083b66;}
#wrap .inner_box .main_cont .btn_box3 p span.tit{ color:#4f0b68;}
#wrap .inner_box .main_cont .btn_box4_1 p span.tit{ color:#2a6e24;}
#wrap .inner_box .main_cont .btn_box4_2 p span.tit{ color:#9b2e54;}
#wrap .inner_box .main_cont .btn_box4 p span.tit_black { color: #000; display: inline-block; font-size: 24px;}

#wrap .inner_box .main_cont .btn_box4 { height: 480px; background-color: #172242;}
#wrap .inner_box .main_cont .btn_box4 img{ border-radius: 23px;}
/*
#wrap .inner_box .main_cont .btn_box4{ background: none; border: 0; box-shadow:none;}
#wrap .inner_box .main_cont .btn_box4 div{float:left; width:100%; margin:0 10px; border-radius:23px; box-shadow:0 5px 20px 0 rgba(10, 64, 139, 0.1);  background-color:#fff; text-align:center; transition:0.5s; box-sizing: border-box}
#wrap .inner_box .main_cont .btn_box4 div p span.tit{ margin-top: 20px !important;}
*/


#footer{ clear: both; position: relative; text-align: center; background-color:#5b5b5b ; overflow: hidden}
#footer .footer_warp{ color: #fff; line-height:12px; padding: 30px 0 20px 0;}
#footer .footer_warp p{ margin-bottom: 10px; line-height: 22px;}	

@media all and (max-width:1040px){
	#wrap .inner_box .main_cont .btn_box4_1 p .ico {height: 140px !important;}
	#wrap .inner_box .main_cont .btn_box4_2 p .ico {height: 140px !important;}

}

@media all and (max-width:760px){
	#wrap .inner_box .main_cont .list_box{ width: 90%; margin:5%}

}