@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {font-family:'Noto Sans KR01'; font-style:normal; font-weight:100; 
src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family:'Noto Sans KR02'; font-style:normal; font-weight:500; 
src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family:'Noto Sans KR04'; font-style:normal; font-weight:400; 
src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family:'Noto Sans KR05'; font-style:normal; font-weight:500; 
src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family:'Noto Sans KR07'; font-style:normal; font-weight:700; 
src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

html{-webkit-text-size-adjust:100%; }
body {padding:0; margin:0; font-size:16px; line-height:1; font-family:'Noto Sans KR04', sans-serif; color:#333; width:100%}

img {border:none}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; font-family:'Noto Sans KR04', sans-serif;}

#explain1, #explain2, #explain3, #explain4 {display:none}

/* 링크 */
a, a:link {color:#333; text-decoration: none} 
a:visited {color: #333; text-decoration: none}
a:hover {color:#333; text-decoration: none}
a:focus {color:#333; text-decoration: none}
a:active {color:#333; text-decoration: none}
ul {list-style:none; margin:0; padding:0}
select {font-size:12px; height:22px}
table {width:100%; border-collapse:collapse}
caption {display:none}

.hand {cursor:pointer}
.fl {float:left}
.fr {float:right}
.both {clear:both}
.alc {text-align:center}
.alr {text-align:right}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl50 {padding-left:50px !important}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb100 {padding-bottom:100px}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}
.mr40 {margin-right:40px}
.ml15 {margin-left:15px}
.ml16 {margin-left:16px}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.ml40 {margin-left:40px}
.ml50 {margin-left:50px !important}
.mb0 {margin-bottom:0}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt70 {margin-top:70px}
.ime_mode {ime-mode:disabled}
.blind {display:none}

.tac {text-align:center}
.tal {text-align:left}
.tar {text-align:right}

.box1 {background:#f4f4f4; padding:20px; border-radius:5px; line-height:24px}
.point1 {color:#fb5e33}
.point2 {color:#008468}

.f14 {font-size:14px}
.f18 {font-size:18px}
.f20 {font-size:20px}
.f24 {font-size:24px}
.f30 {font-size:30px}

#wrap {width:100%; position:relative; overflow-y:hidden; margin:0 auto; border-top:#73bb2b solid 3px}

#_header {width:100%; background-color:#fff; box-sizing:border-box; overflow:hidden}
#_header .header-menu {width:100%; max-width:1300px; height:150px; position:relative; margin:0 auto; padding-top:23px; box-sizing:border-box}
#_header .header-menu h1 {}

#_header .mini_menu {position:absolute; top:30px; right:0; font-size:0}
#_header .mini_menu li {display:inline-block; vertical-align:top}
#_header .mini_menu li a {width:80px; height:35px; font-size:16px; display:block; border:1px solid #cecbc8; text-align:center; background:#f8f4f0; line-height:35px; margin-left:10px; border-radius:5px}

#_header .header-menu .gnb {clear:both; margin-top:30px; display:flex; justify-content:space-between;}
#_header .header-menu .gnb a {font-size:20px; font-weight:600}

footer {background:#ddd9d0; box-sizing:border-box; padding:30px 0}
footer div {width:1300px; margin:0 auto; text-align:center; line-height:25px; font-size:16px}

.paging {height:28px; margin-bottom:50px; text-align:center; position:relative; clear:both;}
.paging .num {display:inline-block; vertical-align:middle}
.paging .num a,
.paging strong {display:inline-block; width:28px; height:28px; line-height:28px; margin:0 -1px; background:#e7e5e5; font-weight:bold; color:#4d4d4d; text-align:center; font-size:12px}
.paging .num a:hover,
.paging strong.on {background:#737373; color:#fff}
.paging .btn {display:inline-block; vertical-align:top; padding:0; margin:0; border:none}
.paging .btn a {display:block; width:28px; height:28px; margin:0 -2px; text-indent:-9999px}
.paging .first {background:url('/images/comm/btn_paging.gif') no-repeat 0 0}
.paging .prev {margin-right:-3px !important; border-left:1px solid #e7e5e5; background:url('/images/comm/btn_paging.gif') no-repeat -28px 0}
.paging .next {margin-left:-3px !important; border-right:1px solid #e7e5e5; background:url('/images/comm/btn_paging.gif') no-repeat -84px 0}
.paging .last {background:url('/images/comm/btn_paging.gif') no-repeat -56px 0}

.list_form1:after {content:""; clear:both; display:block}
.list_form1 li {float:left; margin-right:20px; line-height:30px}
.list_form1 li:last-child {margin-right:0}

.text_list1 li {padding-left:15px; position:relative}
.text_list1 li:before {content:''; width:5px; height:5px; border-radius:50%; position:absolute; left:0; top:7px; background:#006ebd}
.text_list1 li+li {margin-top:10px}

@media all and (max-width:979px){

	#_header .header-menu {width:100%; padding-top:20px; height:180px}
	#_header .header-menu .gnb {flex-wrap:wrap; margin-left:-20px}
	#_header .header-menu .gnb a {width:calc(25% - 20px); margin-left:20px; text-align:center; font-size:18px}
	#_header .header-menu .gnb a:nth-child(n+5) {margin-top:20px}
	footer div {width:100%}

}

@media all and (max-width:639px){

	#_header .header-menu {height:150px; padding-top:10px}
	#_header .header-menu h1 {padding-left:10px}
	#_header .header-menu h1 img {width:200px}
	#_header .mini_menu {top:20px; right:10px}
	#_header .mini_menu li a {width:60px; height:25px; font-size:12px; line-height:25px; margin-left:5px; border-radius:3px}
	#_header .header-menu .gnb {margin-left:-5px}
	#_header .header-menu .gnb a {width:calc(25% - 5px); margin-left:5px; font-size:14px; letter-spacing:-1px}
	#_header .header-menu .gnb a:nth-child(n+5) {margin-top:20px}

}