@charset "utf-8";

@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* defult */
html {-webkit-text-size-adjust: none;}
html>/**/body {overflow-y:scroll;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;margin:0;padding:0;}
img {border:0;vertical-align:middle;}
ul,ol {margin:0;padding:0;list-style:none;}
td{  text-decoration:none; color:#5f5f5f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none;}
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#5f5f5f;}
a:hover,a:focus,a:active {text-decoration:none;color:#5f5f5f;}
/* table {table-layout:fixed;} */
input {color:#888;overflow:visible;vertical-align:middle;font-family:dotum,'돋움';font-size:12px;}
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header, footer, hgroup, figcaption, figure {display:block;}

/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 3px 0 0 ; }
input.text_search {height:18px; line-height:18px; border:1px solid #bebebe;  margin:0 3px 0 0; }


/* 이미지 */
#layout { position:relative; width:100%; min-width:1200px;}

#m_container #m_visual{position:relative; width:100%; min-width:1200px; }
#m_container #m_visual .visu_s li{text-indent:-99999px; height:467px;}

#m_container #m_visual .bx-pager{position:absolute;  bottom:30px; left:0; z-index:55; text-align:center; width:100%; height:2px;}
#m_container #m_visual .bx-pager div{display:inline-block; padding:0 4px}
#m_container #m_visual .bx-pager div a{display:block; width:54px; height:2px; background:none; text-indent:-99999px;}
#m_container #m_visual .bx-pager div a.active{background-color:none}

#main_slide {position:relative; width:100%; min-width:1200px; height:467px;}
#main_slide .slideshow {width:100%; height:467px; }
#main_slide .slideshow li {position:relative; width:100%; height:467px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s4 {background:url("../img/main4.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s5 {background:url("../img/main5.jpg") 50% 0 no-repeat;}

#main_slide .prev {position:absolute; top:220px; left:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:220px; right:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_next.png") 100% 50% no-repeat; z-index:999;}
#main_slide .pagination {position:absolute; top:410px; left:50%; margin-left:-60px; z-index:99999;}
#main_slide .pagination li {float:left;  margin:0 5px 5px 0; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none;}
#main_slide .pagination li .off {display:block;}
#main_slide .pagination li.current .on {display:block; width:10px; height:10px;}
#main_slide .pagination li.current .off {display:none; width:10px; height:10px;}


#m_contents {width:100%; min-width:1200px; background:#fff;}
#contents {width:1200px; margin:0 auto; padding:35px 0;}

#list_con {background:#ecedf1; width:100%; min-width:1200px; padding:30px 0 20px }
 .list{width:1200px; margin: 0 auto; }
 .list>ul>li{ display:inline-block; width:18.5%; position:relative; margin:0 1% 15px 0; background:#fff; border-radius:5px; box-shadow:0px 1px 1px rgba(0,0,0,.3); vertical-align:top;}
 .list>ul>li i {font-style:normal;}
 .list>ul>li>p{font-family: 'Noto Sans KR', sans-serif;border-bottom:1px solid rgba(255,255,255,0.1); overflow:hidden; margin:30px 0 10px 20px; width:80%; height:80px; font-size:17px; word-break:keep-all}
  .list>ul>li>p a {color:#fff;}
 .list>ul>li>p>a>span{font-weight:600; display:block;}
 .list>ul>li>ul{margin:20px 20px; font-size:14px; line-height:25px; min-height:75px;}
 .list>ul>li>ul li{font-weight:300;line-height:25px; letter-spacing:-.7px;}
 .list>ul>li>a{display:block; width:100%; height:38px; font-size:16px; line-height:38px; text-align:center; border-radius:0 0 5px 5px}

 .list>ul>li.white{background:#fff; }
 .list>ul>li.white>p {border-bottom:1px solid rgba(0,0,0,0.1)}
 .list>ul>li.white>p a {color:#000;}
 .list>ul>li.white>a{border-top:1px solid #e6eaee; background:#e2e2e2; color:#000;}

 .list>ul>li.purple{background:#6d63c3; color:#fff}
 .list>ul>li.purple>a{background:#5c53b1; color:#fff}

 .list>ul>li.blue{background:#15378f; color:#fff}
 .list>ul>li.blue>a{background:#102a6e; color:#fff}

 .list>ul>li.mint{background:#40bbbf; color:#fff}
 .list>ul>li.mint>a{background:#38a3a6; color:#fff}


#con_banner {width:100%; min-width:1200px; background:#15378e;}

.main_menu{position:relative;}
.main_menu ul{width:1200px; margin:0 auto; text-align:center; overflow:hidden;box-sizing:border-box;}
.main_menu li{width:300px;height: 220px;float:left;cursor:pointer;}
.main_menu li div{width:100%;height: 100%;transition:all 0.3s;}
.main_menu li .ico{padding-top:35px;text-align: center;transition:all 0.3s;}
.main_menu li .txt{font-size:20px;color:#fff;text-align: center;line-height: 3;font-family: 'Noto Sans KR', sans-serif;}
.main_menu li:hover .ico{opacity:1;}
.main_menu li.main_menu01:hover div{background-color: rgba( 91, 82,171,0.6);}
.main_menu li.main_menu02:hover div{background-color: rgba( 95,122,255,0.4);}
.main_menu li.main_menu03:hover div{background-color: rgba(143,208,197,0.4);}
.main_menu li.main_menu04:hover div{background-color: rgba(244,147,133,0.45);}


 .con_left{float:left; position:relative; width:570px; padding:30px 0px 0px 0px; background:#f4f4f4; box-sizing:border-box;}
	#notice_t{overflow:hidden; width:400px; margin:0 auto 30px auto; font-size:20px; color:#313131; font-weight:500;}
	.article_list{position:relative; width:400px; margin:0 auto 33px auto;}
	.article_list .article_view{overflow:hidden; width:420px; margin:auto 0; }
	.article_list .article_view ul{float:left; width:100%}
	.article_list .article_view ul li{margin:0 0 10px 0; overflow:hidden; font-size:16px;}
	.article_list .article_view ul li span{float:right;}
	.con_left .more{position:absolute; right:44px; top:27px;}

 .con_right {display:inline-block; margin-left:20px;}

.con_gallery {margin-top:30px;}
.con_gallery li {display:inline-block; padding-left:10px;}
.con_gallery li:first-child {padding-left:0;}

.mainbanner {width:1200px; margin:0 auto; padding-bottom:20px; text-align:center;}


/* 하단 */
#m_contents2 {width:100%; min-width:1200px; border-top:10px solid #d6d8d8;}
#contents2 {width:1200px; margin:0 auto; padding:20px 0; }

.callnum {text-align:center;}
.callnum li {display:inline-block; color:#313131; background:url(/img/icon_call.png) no-repeat left 0px; padding-left:60px; height:42px; padding-top:10px; letter-spacing:-1px; font-size:21px; font-weight:300;  font-family: 'GmarketSansMedium';}
.callnum li span {font-size:14px; color:#7d7d7d; font-family: 'Noto Sans KR';}
.callnum li:nth-child(2) {font-family: 'GmarketSansBold'; font-size:25px; color:#313131; background:none;}


#m_footer {position:relative; width:100%; min-width:1200px; background:#333;}
.footer {width:1200px; margin:0 auto; text-align:center; padding:20px 0;}

.footer-1 { width:1200px; margin:30px 0 30px 0;}
.footer-1 h3 {font-size:20px; color:#fff; font-family: 'GmarketSansMedium'; padding-bottom:20px;}
.footer-1 li {line-height:24px; font-size:13px; color:#d0d0d0;  white-space: pre;}