@charset "utf-8";

@import url('font.css');

/* reset */
/* html, body {height:100%;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0; padding:0;}
body, input, textarea, select, button, table, a {font-family:'Noto Sans KR', '돋움', Dotum, Helvetica, sans-serif; font-size:13px; line-height:1.25em; letter-spacing:-.7px;}
img, fieldset {border:0 none;}
ul, ol, li {list-style:none;}
em,address {font-style:normal;}
a:link, a:hover,a:active,a:focus, a:visited {text-decoration:none;}
table {text-align:center; border-collapse:collapse; border-spacing:0;}
hr {display:none;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea {-webkit-appearance:none; -webkit-border-radius:0}
input, select, textarea {vertical-align:middle; resize:none;}

img {vertical-align:top;}
i {font-style:normal;} */

/* common */
.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {position:relative; z-index:-10; display:block; overflow:hidden;width:100%; height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {position:absolute; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
caption, .blind {display:block; overflow:hidden; position:absolute; top:-1000em; left:0; font-size:0; line-height:0;}
.skipnav {position:absolute; top:-40px; left:0; z-index:10001; width:200px; height:24px; padding-top:4px; background-color:#000; font-size:13px; font-weight:bold; line-height:1.2em; color:#fff; text-align:center;}
a.skipnav:active, a.skipnav:focus {top:0;}
.clearfix {zoom:1;}
.clearfix:after {content:"";display:block; clear:both;}
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-overflow-scrolling:touch;}
.font_nanum {font-family:'Nanum Square';}


/* .slick-slide img.m_visual_bnnr_img {display:none;} */

/* section */
.container {background:#fff;}
.section {width:100%; max-width:1920px; margin: 0 auto; font-size: 0;}

/* main_container_area */
.main_container_area {position:relative; width:100%; max-width:1920px; margin:0 auto;}
.main_container_area .visual_bnnr {z-index:1;}

/* visual_bnnr_section */
.visual_bnnr_section{height: 100%}
.visual_bnnr_section .slick-slide img {margin:0 auto;position: absolute;left:50%;margin-left: -960px}
.visual_bnnr_section .visual_bnnr_txt {position:absolute; left:50%; top:37%; opacity: 0; transition: bottom 450ms, opacity 0s cubic-bezier(0.4, 0, 1, 1);}
.visual_bnnr_section .slick-slide.slick-active .visual_bnnr_txt { left:50%; opacity: 1;transition: bottom 1.5s, opacity 1.5s cubic-bezier(0.4, 0, 1, 1);}
.visual_bnnr_section .slick-dots {position:absolute; bottom: 20px; left:0; height:10px; width:100%; text-align: center;}
.visual_bnnr_section .slick-dots li {display:inline-block; margin-right:10px;}
.visual_bnnr_section .slick-dots li:last-child {margin-right:0;}
.visual_bnnr_section .slick-dots button {outline:0; width:10px; height:10px; text-indent:-9999px; font-size:0;border:1px solid #fff; border-radius: 100px; line-height: 0; vertical-align:top;}
.visual_bnnr_section .slick-dots .slick-active button {outline:0; background: #fff; width: 30px; height: 10px; border-radius: 100px}
.visual_bnnr_section .visual_bnnr_sub {position:absolute; left:0; bottom:133px; width:100%; text-align:center;}
.visual_bnnr_section .visual_bnnr_sub .sub_area {background:#0006; border-radius:20px; padding:10px 25px;}
.visual_bnnr_section .visual_bnnr_sub .sub_title {font-family:'Nanum Square'; font-size: 18px; color:#fff;}
.visual_bnnr_section .visual_bnnr_sub .sub_data {font-family:'Nanum Square'; font-size:14px; color:#888; margin-left:20px; letter-spacing:0;}
.visual_bnnr_section {background: rgba(4, 4, 4, 0.35);padding-top: 60px}
@media screen and (max-width:1024px) {
  .visual_bnnr_section .visual_bnnr_img{height: 568px;display: block;}
  .visual_bnnr_section .slick-slide img{width: 1200px;margin-left: -600px}
}
/* mobile none */
.m_btn_menu,
.m_dim,
.m_btn_menu_close,
.mobile_zone {display:none;}

/* wrap */
#wrap {width:100%; min-width:320px;}

/* header */
.header {position:absolute; top:0; left:0; z-index: 100; width:100%; text-align:center; height: 102px; border-bottom:1px solid rgba(255,255,255,0.5);}
.header.on {background-color:#fff; height:386px;}

/* lnb */
.lnb {margin: 0 auto; width: 100%; max-width:1200px;}
.lnb_area h1 {float: left; margin-top:20px;}
.lnb_area .logo {display:inline-block; width:272px; height:58px; background: url(../img/logo_on.png) 0 0 no-repeat;}
.header.on .lnb_area .logo {background-image: url(../img/logo_on.png)}
.lnb_area .menu {float:right;}
.lnb a {font-family:'Nanum Square';}
.lnb .dep1 {position:relative; float:left; height:100%; padding:0 40px;}
/* .lnb .dep1:last-child{padding-right: 80px} */
.lnb .dep1.end {padding:0 86px 0 30px;}
.lnb .dep1 > a {display:block; text-align: center; line-height:101px; font-size:20px; color: #fff;}
.lnb .dep1.file_down {margin-top:32px; padding:0; width:130px; height:35px;}
.lnb .dep1.file_down > h4 {line-height:35px; font-size:14px;cursor: pointer;}
.lnb .dep1.file_down > h4:after {content:""; display:inline-block; vertical-align:middle; margin-left:7px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff;}
.lnb_section .lnb .dep2 {display:none; overflow:hidden; position:absolute; left:0; top:102px; z-index:99; width:100%;}
.header.on .g_lnb_article {border-bottom:1px solid #e1e1e1;}
.lnb .dep1.end .dep2 {width:113px;}
.lnb_section .lnb .dep2 ul {padding-top:35px;}
.lnb_section .lnb .dep2 li {padding:12px 0; text-align:center;}
.lnb_section .lnb .dep2 a {padding-bottom:3px; display: inline-block; vertical-align: top; font-size:18px; color:#333; line-height:16px; position: relative}
.lnb_section .lnb .dep2 a:after {position: absolute; top: 20px;left: 0;content: "";display: inline-block;width: 0;background: #00a0e2;height: 2px;opacity: 0;transition: opacity, width; transition-duration: .3s;}

.header.on .lnb .dep1 > a {color:#333;}
.header.on .lnb .dep1.on > a,
.header.on .lnb .dep1.file_down {}
.header.on .lnb .dep1.file_down > a:after {border-top:8px solid #333;}
.lnb .dep1.file_down{position: relative; border:1px solid #fff;}
.lnb .dep1.file_down h4{line-height: 30px;color: #fff;}
.lnb .dep1.file_down .file_down_list{width: 130px;display: none;position: absolute;top:33px;left:-1px}
.lnb .dep1.file_down .file_down_list a{display: block;line-height: 30px;color: #fff;border: 1px solid #fff;border-top: 0;background-color: #fff}
.lnb .dep1.file_down .file_down_list a:first-child{border-top: 1px solid #fff}
.header.on .lnb .dep1.file_down h4{color: #000}
.header.on .lnb .dep1.file_down .file_down_list a{color: #000;border-color: #000}
.header.on .lnb .dep1.file_down > h4:after{border-top-color: #000}

.sub_wrap .lnb .dep1.file_down h4{color: #000}
.sub_wrap .lnb .dep1.file_down .file_down_list a{color: #000;border-color: #000}
.sub_wrap .lnb .dep1.file_down > h4:after{border-top-color: #000}
/* footer */
#footer {background: #fff; clear:both; position:relative; border-top:1px solid #ececec; padding:50px 0;}
#footer .info_are {margin:0 auto; position: relative; max-width: 1200px;}
#footer .info_are .footer_logo {display:block; float:left; margin-top:5px; background: url(../img/footer_logo.png) 0 0  no-repeat; width:272px; height:26px;}
#footer .info_are .infoAdd_area {display:block; float:left; margin-left:50px; font-size:16px; color:#888; line-height: 1.5em;}
#footer .info_are .sitemap {float:right; position:absolute; right:0px;  cursor: pointer;width:153px; height:35px; border:#363636 1px solid; background-color:#fff; z-index:100}
#footer .info_are .sitemap .sitemapList {display:none; position:absolute; bottom:33px; left:-1px; width:153px; background-color:#fff; border-left:1px solid #363636; border-right:1px solid #363636; border-bottom:1px solid #363636;border-top: 1px solid #363636;}
#footer .info_are .sitemapList.sitemap .sitemapList {width:186px;}
#footer .info_are .sitemapList li{list-style: none}
#footer .info_are .sitemapList li > a {padding-left:10px;}
#footer .info_are .sitemap h4 {text-align: left; text-indent: 18px; display: block; height: 35px; font-family:'Nanum Square'; font-size: 14px; color:#363636; line-height: 35px;}
#footer .info_are .sitemap a {display: block; height: 38px; color: #363636; line-height: 38px;    text-align: left;}
#footer .info_are .sitemap.on > a {background-color:#323438;}
#footer .info_are .sitemap.on > h4:after {border-top: none;border-left: 6px solid transparent;border-right: 6px solid  transparent;border-bottom: 8px solid #363636;}
#footer .info_are .sitemap > h4:after {content:"";display:block;position:absolute;top: 37%;right:15px;border-bottom: 0px solid #363636;border-top: 8px solid #363636;border-left: 6px solid transparent;border-right: 6px solid transparent;}


.main_section h3 {font-family:'Nanum Square'; font-size:48px; font-weight: bold; color:#fff; line-height: 1.2em;}
.main_section h4 {font-family:'Nanum Square'; font-weight:normal; font-size:20px; color:#fff; line-height: 1.4em;}
.main_section1 h4 {margin-top:30px;}
.main_section2 h4 {margin-bottom:18px;}
.main_section2 h3,
.main_section2 h4 {text-align:center;}

/* main_section1 */
.visual_bnnr_img{display: block;}
.main_section1 {min-height:910px; background: url(../img/bg_section01.jpg) 0 0 no-repeat; background-size:cover;}
.main_section1 .main_section1_area {position:relative; padding-top:100px; width:100%; max-width:1200px; margin:0 auto;}
.main_section1 .main_section1_area .area_left,
.main_section1 .main_section1_area .area_right {display: inline-block; vertical-align: top;}
.main_section1 .main_section1_area .area_right {margin-left:20px;}
.main_section1 .bnnr1 {margin-top:80px; margin-right:25px;}
.main_section1 .bnnr1 .slick-dots {position:absolute; bottom: 15px; left:0; height:10px; width:100%; text-align:center;}
.main_section1 .bnnr1 .slick-dots li {display:inline-block; margin-right:10px;}
.main_section1 .bnnr1 .slick-dots li:last-child {margin-right:0;}
.main_section1 .bnnr1 .slick-dots button {outline:0; width:10px; height:10px; text-indent:-9999px; font-size:0;border:1px solid #fff; border-radius: 100px; line-height: 0; vertical-align:top;}
.main_section1 .bnnr1 .slick-dots .slick-active button {background: #fff;}
.main_section1 .bnnr {position:relative; display: inline-block; vertical-align: top; width:340px; height:340px;}
.main_section1 .area_right .bnnr {display:block; width:470px; height:335px;overflow: hidden;}
.main_section1 .area_right .bnnr.notice {height:340px;}
.main_section1 .area_right .bnnr4_article{overflow: hidden;}
.main_section1 .area_right .bnnr4_article a{display: block;position: relative;height: 335px}
.main_section1 .area_right .bnnr4_article img{width: 100%;position: absolute;}
.main_section1 .bnnr .label {width:60px; height:60px; position:absolute; top:0; right:0; z-index: 2; color:#fff; font-size:16px; font-family:'Nanum Square'; text-align: center; line-height:1.2em;}
.main_section1 .bnnr1 .label{background-color:#27b582; padding-top:20px;}
.main_section1 .bnnr2 .label{background-color:#2b4198; padding-top:11px;}
.main_section1 .bnnr4 .label{background-color:#00a0e2; padding-top:20px;}
.main_section1 .bnnr2 {margin-top:-15px;}
.main_section1 .bnnr2 img {max-width:100%;}
.main_section1 .bnnr2 .btn_join_member {position:absolute; top:130px; left:25px; color:#111; font-size:14px; font-family:'Nanum Square'; border:1px solid #111; border-radius: 15px; font-weight: bold; padding: 5px 15px;}
.main_section1 .bnnr4 {margin-top:25px;}
.main_section1 .bnnr4 .slick-arrow {display:none !important;}
.main_section1 .bnnr4 .slick-slide {position:relative;}

/* .main_section1 .bnnr4 .slick-slide img{width: 100%} */
.main_section1 .bnnr4 .bnnr4_txt {position:absolute; bottom:0; left:0; right:0; height:50px; line-height: 50px; text-align:center; font-size:18px; color:#fefefe; background:rgba(0,0,0,0.5);}
.main_section1 .notice {padding:28px 40px; background-color:rgba(0,0,0,0.3); border:1px solid #ffffff80;}
.main_section1 .notice .tab_title {margin-bottom:22px; text-align: left;}
.main_section1 .notice .tab_title .btn_more_view {position: absolute;top: 30px;right: 30px}
.main_section1 .notice .btn_more_view .ico_more_view {display:none; border: 1px solid #d7d7d7; padding: 10px; position: relative; width:23px; height:23px;}
.main_section1 .notice .tab_title li.on .ico_more_view{display: block}
.main_section1 .notice .btn_more_view .ico_more_view:before {position: absolute; left: 4px; top: 10px; display: block; width: 13px; height: 1px; background: #d7d7d7; content: "";}
.main_section1 .notice .btn_more_view .ico_more_view:after {position: absolute; left: 10px; top: 4px; z-index: 5; display: block; height: 13px; width: 1px; background: #d7d7d7; content: "";}
.main_section1 .notice .tab_title li {display: inline-block; vertical-align:top; cursor:pointer;}
.main_section1 .notice .tab_title li:last-child {margin-left:25px;}
.main_section1 .notice .tab_title li .tab_title_a {display:block; font-size:24px; font-weight:bold; font-family: 'Nanum Square'; color:#d1d1d1;}
.main_section1 .notice .tab_title li.on .tab_title_a {padding-bottom:5px; border-bottom:3px solid #27b58e; color:#fff;}
.main_section1 .notice .tab_content {display:none;}
.main_section1 .notice .tab_content .notice_list li a {display: block;}
.main_section1 .notice .tab_content .notice_list li {position:relative; padding:10px 0;}
.main_section1 .notice .tab_content .notice_list p {text-align: left; vertical-align:top; font-size:18px; color: #fefefe; width:80%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;word-wrap:normal; vertical-align:middle;}
.main_section1 .notice .tab_content .notice_list .list_date {font-size:14px; color: #d0d0d0; position:absolute; top:16px; right:0;}

/* main_section2*/
.main_section2 {background:url(../img/bg_section02.jpg) 0 0 no-repeat; background-size: cover;}
.main_section2 .main_section2_area {position:relative; padding-top:140px; width:100%; max-width:1400px; text-align:center; margin:0 auto;}
.main_section2 .talk_bubble {margin:54px 20px; display: inline-block; position: relative; width: 580px; height: 500px; border-radius: 15px;color: #fff; background: rgba(17, 17, 17, 0.58); padding: 40px 50px;}
.main_section2 .btm_right:after{content: ' '; position: absolute;right: 38px; bottom: -27px; transform: rotateY(7deg); background: url(../img/bg_chat.png) right center no-repeat; width: 51px;height: 28px;}
.main_section2 .msg_list{position: relative;padding-left: 115px}
.main_section2 .profile_thumb {width: 115px; height: 115px;border: 2px solid #fff; background:#fff;overflow: hidden;border-radius: 100px;float: left;position: absolute;top: 0;left: 0}
.main_section2 .profile_thumb img{width: 100%}
.main_section2 .bubble {max-width: 335px;width: 100%;box-shadow: 0 0 6px rgba(0, 0, 0, 0.32);background: #fff;border-radius: 22px;float: left;margin-left: 28px;margin-top: 8px;position: relative;}
.main_section2 .bubble::before { background-color: #ffffff; content: "\00a0"; display: block; height: 12px; position: absolute; top: 19px; transform: rotate( 29deg ) skew( -35deg ); -moz-transform: rotate( 29deg ) skew( -35deg ); -ms-transform: rotate( 29deg ) skew( -35deg ); -o-transform: rotate( 29deg ) skew( -35deg ); -webkit-transform: rotate( 29deg ) skew( -35deg ); width: 15px; box-shadow: -1px 1px 0px 0px rgba( 0, 0, 0, 0.32 ); left: -6px;}
.main_section2 .bubble:first-child {margin-top: 40px}
.main_section2 .bubble.chat4_r, .main_section2 .bubble.chat4 {float: right; margin-right: 25px;}
.main_section2 .msg_list p {line-height: 26px; font-family: 'Nanum Square'; font-size: 18px; color: #333;margin: 10px 35px; text-align: left;}
.main_section2 .msg_list p.txt_bubble {overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: normal; vertical-align: middle; max-height:162px;}
.main_section2 .bubble p {vertical-align: middle;}
.main_section2 .bubble p b {border-bottom: 1px solid #333;}
.main_section2 .msg_list .msg_info{ color: #fff; float: left;font-size: 16px; line-height: 22px;font-family: 'Nanum Square';text-align: center;margin: 16px 0;display: block;width: 100%}
/* .main_section2 .msg_list .msg_info{ color: #fff; padding: 15px 0 0 127px; float: left;font-size: 16px; line-height: 22px;font-family: 'Nanum Square';} */
.main_section2 .msg_list.answer{margin-top: 22px;padding-left: 0;}
.main_section2 .msg_list.answer .bubble {background: #00a0e2; margin-left: 0; }
.main_section2 .msg_list.answer .bubble::before{background: #00a0e2;left: auto; right: -7px;box-shadow: 0px 0px 0px 0px rgba( 0, 0, 0, 0.32 );}
.main_section2 .msg_list.answer .bubble p { color: #fff; max-height:101px;}
.main_section2 .msg_list.answer .profile_thumb {float: right;position: static;}
.main_section2 .man img {margin-left: -116px;}
.main_section2 .msg_list.answer .msg_info {margin-right: 20px;}
.main_section2 .bnnr .slick-list {margin:0 80px;}
.main_section2 .bnnr .slick-dots {position:absolute; bottom: 0; left:0; height:10px; width:100%; text-align:center;}
.main_section2 .bnnr .slick-dots li {display:inline-block; margin-right:10px;}
.main_section2 .bnnr .slick-dots li:last-child {margin-right:0;}
.main_section2 .bnnr .slick-dots button {outline:0; width:10px; height:10px; text-indent:-9999px; font-size:0;border:1px solid #fff; border-radius: 100px; line-height: 0; vertical-align:top;}
.main_section2 .bnnr .slick-dots .slick-active button {outline:0; background: #fff; width: 30px; height: 10px; border-radius: 100px}
.main_section2 .slick-arrow {outline:none; z-index: 100; text-indent:-9999px; background: url(../img/btn_arrow.png) 0 0 no-repeat; background-size: 65px 39px; font-size: 0;  width: 50px; height: 50px; border: 1px solid #fff; border-radius: 100px;top: 50%; position: absolute}
.main_section2 .slick-prev {left: 0; background-position: 12px -9px;}
.main_section2 .slick-next {right: 0; background-position: 11px 20px;}

.main_section2_area h3 {width:100%; height:42px; background:url(../img/logo_title.png) 50% 0 no-repeat; background-size: 350px 42px;}

/* 추가 */
.section { width: 100%; height: 100%; min-height:910px; overflow: hidden; position: relative}

/* animation */
.visual_bnnr_section .slick-slide img {transform: scale(1.15); transition: transform 5s; -ms-transition:transform 5s;-ms-transform: scale(1.15)}
.visual_bnnr_section .slick-slide.slick-active img {transform: scale(1); transition: transform 5s; opacity: 1 ;-ms-transition:transform 5s;-ms-transform: scale(1)}

/* .chat1 { animation: chat1 5s; transition: 0.5s; animation-iteration-count: 1;}
.chat2 { animation: chat2 5s; transition: 0.5s; animation-iteration-count: 1;}
.chat3 {animation: chat3 5s; transition: 0.5s; animation-iteration-count: 1;}
.chat4 { animation: chat4 5s; transition: 0.5s; animation-iteration-count: 1;}
.chat5 {animation: chat5 5s; transition: 0.5s; animation-iteration-count: 1;}
@keyframes chat1 {
    0% {opacity: 0}
    5% {opacity: 0}
    7% {opacity: 1;}
}
@keyframes chat2 {
    0% {opacity: 0}
    7% {opacity: 0}
    12% {opacity: 1; }
}
@keyframes chat3 {
    0% {opacity: 0 }
    9% {opacity: 0 }
    17% { opacity: 1;}
}
@keyframes chat4 {
    0% { opacity: 0}
    11% {opacity: 0 }
    25% {opacity: 1;}
}
@keyframes chat5{
    0% { opacity: 0}
    13% { opacity: 0 }
    25% {opacity: 1; }
} */
/* .chat1_r { animation: chat1_r 5s; transition: 0.5s; animation-iteration-count: 1;}
.chat2_r { animation: chat2_r 5s;transition: 0.5s; animation-iteration-count: 1;}
.chat3_r {animation: chat3_r 5s;transition: 0.5s; animation-iteration-count: 1;}
.chat4_r { animation: chat4_r 5s;transition: 0.5s; animation-iteration-count: 1;}
.chat5_r {animation: chat5_r 5s;transition: 0.5s; animation-iteration-count: 1;} */
@keyframes chat1_r {
    0% {opacity: 0}
    8% {opacity: 0}
    10% {opacity: 1;}
}
@keyframes chat2_r {
    0% {opacity: 0}
    10% {opacity: 0}
    15% {opacity: 1; }
}
@keyframes chat3_r {
    0% {opacity: 0 }
    12% {opacity: 0 }
    20% { opacity: 1;}
}
@keyframes chat4_r {
    0% { opacity: 0}
    14% {opacity: 0 }
    28% {opacity: 1; }
}
@keyframes chat5_r {
    0% { opacity: 0}
    16% { opacity: 0 }
    28% {opacity: 1; }
}
/*.main_section1 .bnnr1 { animation: bnnr1 3s ease ; transition: 0.5s; }*/
@keyframes bnnr1{
    from {opacity: 0;}
    10% {opacity: 1;transform: translateY(-50px);}
    50% {opacity: 1;transform: translateY(0px);}
}
/*.main_section1 .bnnr2 { animation: bnnr2 3s ease ; transition: 0.5s; }*/
@keyframes bnnr2{
    from {opacity: 0;}
    20% { opacity: 1;transform: translateY(-50px);}
    50% {opacity: 1;transform: translateY(0px);}
}
/*.main_section1 .bnnr3 { animation: bnnr3 3s ease ; transition: 0.5s; }*/
@keyframes bnnr3{
    from {opacity: 0;}
    30% {opacity: 1;transform: translateY(-50px);}
    50% {opacity: 1;transform: translateY(0px);}
}
/*.main_section1 .bnnr4 { animation: bnnr4 3s ease ; transition: 0.5s; }*/
@keyframes bnnr4{
    from {opacity: 0;}
    40% {opacity: 1;transform: translateY(-50px);}
    50% {opacity: 1;transform: translateY(0px);}
}

/* media query */
@media screen and (max-width:1419px) {
    .header {height:72px;}
    .header.on {height:297px;}
    .header .g_lnb_article {padding:0 20px;}
    .lnb_area h1 {margin-top:10px;}
    .lnb_area .logo,
    .header.on .lnb_area .logo {width:235px; height:50px; background-size:235px auto;}
    .lnb .dep1 {padding:0 30px;}
    .lnb .dep1 > a {font-size:17px; line-height:72px;}
    .lnb .dep1.end {padding:0 55px 0 30px;}
    .lnb .dep1.file_down {margin-top: 20px; width: 120px; height: 30px;}
    .lnb .dep1.file_down .file_down_list{width: 120px;top: 30px}
    .lnb .dep1.file_down > a {font-size:13px;}
    .lnb .dep1.file_down > a {line-height: 30px;font-size: 12px;}
    .lnb .dep1.file_down > a:after {border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff;}
    .lnb_section .lnb .dep2 {top:72px;}
    .lnb_section .lnb .dep2 a {font-size:15px; line-height:15px; padding-bottom:2px;}
    .lnb_section .lnb .dep2 li {padding:9px 0;}
    .lnb_section .lnb .dep2 ul {padding-top:20px;}

    .visual_bnnr_section .slick-dots {bottom:15px;}
    /* .visual_bnnr_section .slick-slide img {max-width:100%; height:auto;} */
    .visual_bnnr_section .visual_bnnr_sub {bottom:60px;}
    .visual_bnnr_section .visual_bnnr_sub .sub_title {font-size:15px;}
    .visual_bnnr_section .visual_bnnr_sub .sub_data {font-size:13px;}

    .main_section1 .main_section1_area {padding-top:50px; padding-bottom:50px;}
    .main_section1 .main_section1_area .area_left,
    .main_section1 .main_section1_area .area_right {display:block}
    .main_section1 .main_section1_area .area_left {text-align: center;}
    .main_section h3,
    .main_section h4 {text-align: center;}
    .main_section h3 {font-size:36px;}
    .main_section1 h4 {margin-top:1.2em;}
    .main_section1 .bnnr2 {margin-top:40px;}
    .main_section1 .main_section1_area .area_right {margin-left: 0; text-align: center;}
    .main_section1 .area_right .bnnr {display: inline-block; margin-top: -15px;width: 360px;}
    .main_section1 .area_right .bnnr3 {margin-right: 20px; margin-top: 25px}
    .main_section1 .bnnr .label {width:55px; height:55px; font-size:14px;}
    .main_section1 .notice .tab_title li .tab_title_a {font-size:20px;}
    .main_section1 .notice .tab_content .notice_list p {font-size:16px;}
    .main_section1 .notice .tab_content .notice_list .list_date {font-size:13px; top:12px;}
    .main_section1 .bnnr4 .bnnr4_txt {font-size:14px;}
    .main_section1 .notice .tab_title {margin-bottom: 18px;}

    .main_section2_area h3 {background-size:270px auto;}
    .main_section2 .main_section2_area {padding:50px 0;}
    .main_section2 .msg_list{padding-left: 80px}
    .main_section2 .profile_thumb {width: 80px; height: 80px;}
    .main_section2 .talk_bubble {width: 40vw; padding: 2vw; margin:54px 10px; height: 62vh}
    .main_section2 .msg_list p {margin:10px 20px; font-size: 15px; }
    /* .main_section2 .msg_list.answer .msg_info {float: left; padding: 15px 0 0 90px;} */
    .main_section2 .msg_list.answer .msg_info {float: left; padding: 0;}
    /* .main_section2 .msg_list .msg_info {padding: 15px 0 0 90px;font-size: 14px;} */
    .main_section2 .msg_list .msg_info {font-size: 14px;}
    .main_section2 .bubble {min-height:40px;width: 260px;}

    .main_section2 .slick-prev {left:20px;}
    .main_section2 .slick-next {right:20px;}

    #footer {padding:30px 20px;}
    #footer .info_are .infoAdd_area {margin-left:20px; font-size:12px;}
    #footer .info_are .footer_logo {width:215px; height:21px; background-size:215px auto;}
    #footer .info_are .sitemap {width:117px; height: 30px; font-size:12px;}
	#footer .info_are .sitemap h4 {height: 30px; line-height: 30px;font-size: 12px;text-indent: 9px;}
    #footer .info_are .sitemap .sitemapList {width: 117px;bottom: 28px;}
    #footer .info_are  .sitemap.on > h4:after {border-left: 4px solid transparent;border-right: 4px solid  transparent;border-bottom: 6px solid #363636;}
    #footer .info_are  .sitemap > h4:after {top: 40%;right: 9px;border-bottom: 0px solid #363636;border-top: 6px solid #363636;border-left: 4px solid transparent;border-right: 4px solid transparent;}


}

@media screen and (max-width:1023px) {
    .main_section2 .talk_bubble {width: 500px; height: auto; margin-top: 2vh;}
    .main_section2.section{min-height: auto; height: auto;overflow: visible;}
    .main_section2 .msg_list.answer .msg_info,
    .main_section2 .msg_list .msg_info {font-size:13px; padding:0;}
    /* .main_section2 .msg_list .msg_info {font-size:13px; padding:5px 0 0 90px;} */
    .main_section2 .msg_list.answer {margin-top:20px;}
    .main_section2 .bubble::before {top:17px}
    .visual_bnnr_section{height: auto!important}
    /* .visual_bnnr_section .slick-slide img {max-width:100%; height:auto;} */
}


@media screen and (max-width:768px) {
    body {min-width:320px;}
    .header .m_btn_menu,
    .header .m_btn_menu_close,
    .header .mobile_zone {display:block;}
    .header.on .m_dim {display:block; position:fixed; top:0; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
    .header .m_btn_menu {width:14px; height:12px; position:absolute; top:20px; left:12px;border-top: 2px solid #464646}
    .header .m_btn_menu:before,
    .header .m_btn_menu:after {content:""; position:absolute; display: inline-block; vertical-align: top; width:14px; height:2px;}
    .header .m_btn_menu:before { top:2px; left:0; background:#464646;}
    .header .m_btn_menu:after { top:6px; left:0; border-bottom:2px solid #464646;}
    .header .mobile_zone {position:relative; padding:9px 12px; text-align:left; background-color:#298be1;}
    .header .mobile_zone > p {color:#fff; font-family: "Nanum Square"; font-size:12px; line-height:1.4em;}
    .header .mobile_zone .m_btn_menu_close {position:absolute; top:18px; right:15px; width:15px; height:15px;}
    .header .mobile_zone .m_btn_menu_close:before,
    .header .mobile_zone .m_btn_menu_close:after {content:""; position:absolute; top:6px; left:0; display: inline-block; width:15px; height:2px; background-color:#fff; vertical-align: top;}
    .header .mobile_zone .m_btn_menu_close:before {transform:rotateZ(676deg); -webkit-transform:rotateZ(676deg); -moz-transform:rotateZ(676deg);}
    .header .mobile_zone .m_btn_menu_close:after {transform:rotateZ(-676deg); -webkit-transform:rotateZ(-676deg); -moz-transform:rotateZ(-676deg);}
    .header {position:relative; background:#fff; height:50px; padding:0;}
    .header.on {height:50px;}
    .header .g_lnb_article {padding:0;}
    .header .lnb_area h1 {margin-top:0;width: 100%;padding-top: 18px}
    .header .lnb_area h1 .logo,
    .header.on .lnb_area h1 .logo {display:inline-block; vertical-align:top; width:136px; height:13px; background: url(../img/logo_color.png) 0 0 no-repeat; background-size:136px 13px;}
    .header .lnb_area .menu {float:none; position:fixed; top:0; left:-220px; z-index:10; width:220px; min-height:970px; overflow-y:auto; background:#fff;
    transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .header.on .lnb_area .menu {left:0}
    .lnb .dep1 {display:block; float:none; padding:0; border-bottom:1px solid #ccc; background-color:#ebebeb;}
    .lnb .m_ico_dep1 > a {padding-left:15px;}
    .lnb .m_ico_dep1:after {content: ""; border: solid #636363; width: 9px; height: 9px; position: absolute; top: 21px; right:17px; border-width: 0 1px 1px 0;
        transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition:all .1s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .lnb .dep1.on:after {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
    .lnb .header.on.m_ico_dep1:after {top:18px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
    .lnb .dep1.end {padding:0;}
    .lnb .dep1 > a {text-align:left; line-height:50px;}
    .header .lnb .dep1 > a {font-size:14px;}
    .lnb .dep1.on .dep2 {display:block !important;}
    .lnb .dep1.end .dep2 {width:100%;}
    .lnb .dep1.file_down {width:120px; height:27px; margin:0 auto; background-color:#fff; margin-top:23px;}
    .lnb .dep1.file_down h4{line-height: 27px}
    .lnb .dep1.file_down .file_down_list{top: 26px}
    .lnb .dep1.file_down > a {font-size:11px; line-height:27px; text-align:center;}
    .lnb_section .lnb .dep2 {position:relative; top:inherit; background-color:#fff; border-top:1px solid #ccc;}
    .lnb_section .lnb .dep2 ul,
    .lnb_section .lnb .dep2 li {padding:9px 0;}
    .lnb_section .lnb .dep2 li {text-align:left;}
    .lnb_section .lnb .dep2 a {display:block; padding:0 0 0 15px; font-size:12px;}


    .section {min-height:auto; height:auto; overflow: visible;}
    .visual_bnnr_section{padding-top: 30px}
    .visual_bnnr_section .visual_bnnr_img{height: 425px}
    .visual_bnnr_section .visual_bnnr_img img{width: 900px;margin-left: -450px}
    .visual_bnnr_section .visual_bnnr_sub .sub_title {font-size:10px;}
    .visual_bnnr_section .visual_bnnr_sub .sub_data {font-size:8px;}
    .visual_bnnr_section .visual_bnnr_sub .sub_area {padding:0 15px 4px; margin-left:7px;}
    .visual_bnnr_section .visual_bnnr_sub {bottom:40px;}
    .visual_bnnr_section .slick-dots .slick-active button,
    .main_section2 .bnnr .slick-dots .slick-active button {width:10px;}
    .visual_bnnr_section .slick-dots li {margin-right:5px;}
    .visual_bnnr_section .slick-dots {bottom:15px;}

    .main_section1,
    .main_section2.qna {position:relative; min-height:auto;}
    .main_section1 .main_section1_area {padding:0;}
    .main_section1 h3,
    .main_section1 h4,
    .main_section2 h4 {display:none;}
    .main_section1 .bnnr1,
    .main_section1 .bnnr2 {margin:0;}
    .main_section1 .main_section1_area .area_left {position:relative; margin:0 auto; max-width:340px; min-width:320px; width:auto;}
    .main_section1 .main_section1_area .area_right {margin:320px 0 0 0;}
    .main_section1 .area_left .bnnr,
    .main_section1 .area_right .bnnr {display:block; max-width:340px; min-width:320px; width:100%; height:auto; margin:0 auto;}
    .main_section1 .main_section1_area .area_right {margin:0;}
    .main_section1 .bnnr.bnnr1 {position:absolute; top:50%; left:0; z-index:1;}
    .main_section1 .bnnr .label {width:40px; height:40px; font-size:12px;}
    .main_section1 .bnnr1 .label,
    .main_section1 .bnnr4 .label {padding-top:13px;}
    .main_section1 .bnnr2 .label {padding-top:7px;}
    .main_section1 .bnnr2 {padding-bottom:100%;}
    /* .main_section1 .bnnr2 .pc_bnnr2{display: none}
    .main_section1 .bnnr2 .m_bnnr2{display: block} */
    .main_section1 .bnnr1 .slick-dots li,
    .main_section2 .bnnr .slick-dots li {margin-right:5px;}
    /* .main_section1 .bnnr .slick-slide img {height:auto; max-width:100%;} */
    .main_section1 .bnnr2 .btn_join_member {font-size:12px; top:122px; padding:4px 13px;}
    .main_section1 .area_right .bnnr.notice {height:auto;}
    .main_section1 .notice {padding:35px 14px; background:#fff;}
    .main_section1 .notice .tab_content .notice_list .list_date {display:none;}
    .main_section1 .notice .tab_title li .tab_title_a {font-size:14px;}
    .main_section1 .notice .tab_title li.on .tab_title_a {color:#333;}
    .main_section1 .notice .tab_title li:last-child {margin-left:15px;}
    .main_section1 .notice .tab_content .notice_list p {color:#555; font-size:12px;}
    .main_section1 .notice .tab_title {margin-bottom:12px;}
    .main_section1 .notice .tab_content .notice_list li {padding:3px 0;}
    .main_section1 .notice .tab_title li.on .btn_more_view {display:block;}
    .main_section1 .notice .btn_more_view {position:absolute; top:34px; right:13px;}
    /* .main_section1 .notice .btn_more_view .ico_more_view {display:block; border: 1px solid #d7d7d7; padding: 10px; position: relative; width:23px; height:23px;}
    .main_section1 .notice .btn_more_view .ico_more_view:before {position: absolute; left: 4px; top: 10px; display: block; width: 13px; height: 1px; background: #d7d7d7; content: "";}
    .main_section1 .notice .btn_more_view .ico_more_view:after {position: absolute; left: 10px; top: 4px; z-index: 5; display: block; height: 13px; width: 1px; background: #d7d7d7; content: "";} */
    .main_section1 .bnnr4 .bnnr4_txt {font-size:12px;}
    .main_section1 .bnnr4 .slick-arrow {display:block !important; position:absolute; top:50%; margin-top:-12px; z-index: 5; font-size:0; width:24px; height:24px; background: rgba(255,255,255,0.3); border-radius: 50%; outline:none;}
    .main_section1 .bnnr4 .slick-arrow:after {content: ""; border: solid #fff; width: 9px; height: 9px; position: absolute; top: 7px; border-width: 0 1px 1px 0;}
    .main_section1 .bnnr4 .slick-arrow.slick-prev{left:14px;}
    .main_section1 .bnnr4 .slick-arrow.slick-prev:after {transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); left:9px;}
    .main_section1 .bnnr4 .slick-arrow.slick-next{right:14px;}
    .main_section1 .bnnr4 .slick-arrow.slick-next:after {transform: rotate(-46deg); -webkit-transform: rotate(-46deg); -moz-transform: rotate(-46deg); left:6px;}
    .main_section h3 img { width: 153px;}

    .main_section2 {background:#fff; padding:0 10px;}
    .main_section2 .main_section2_area {padding:27px 0;}
    .main_section2 .bnnr .slick-list {margin:0;}
    .main_section2 .bnnr .slick-dots button {border:1px solid #333;}
    .main_section2 .bnnr .slick-dots .slick-active button {background: #333;}
    .main_section2 .talk_bubble {background:#fff; border:1px solid #e8e8e8; height:350px; margin:20px 0 25px; width:100%; max-width:500px; min-width:300px;}
    .main_section2 .btm_right:after{background: url(../img/m_bg_chat.png) right center no-repeat;bottom: -24px;}
    .main_section2 .msg_list p {font-size:12px; line-height:18px; margin:10px 11px;}
    .main_section2 .bubble {max-width:260px; min-width:185px; width:50%; margin-left:15px;}
    .main_section2 .bubble.chat4_r, .main_section2 .bubble.chat4 {margin-right:15px;}
    .main_section2 .bubble::before {top:15px; left:-4px; width:9px; height:8px;bottom: -23px;}
    .main_section2 .msg_list.answer .bubble::before {top:17px; right:-5px;}
    .main_section2 .msg_list .msg_info {line-height:inherit;}
    /* .main_section2 .msg_list.answer .msg_info, .main_section2 .msg_list .msg_info {font-size:11px; color:#333; padding:5px 0 0 60px;} */
    .main_section2 .msg_list.answer .msg_info, .main_section2 .msg_list .msg_info {font-size:11px!important; color:#333; padding:0;}
    .main_section2_area h3 {background-image: url(../img/logo_color.png); background-size:136px auto; height:13px;}
    .main_section2 .msg_list{padding-left: 58px}
    .main_section2 .profile_thumb {width:58px; height:58px; border:1px solid #e4e4e4}
    .main_section2 .msg_list.answer .msg_info {padding:5px 80px 0 0; width:100%; text-align:right;}

    #footer {padding:35px 25px; background:#ebebeb}
  #footer .info_are .infoAdd_area {display:block; margin-left:0; margin-top:20px; font-size:12px; color:#888; text-align:center; width:100%;}
  #footer .info_are .infoAdd_area i {display:block;}

  #footer .info_are .footer_logo {width:142px; height:15px; background-size:142px auto;}
  #footer .info_are .sitemap {position:absolute; top:0; right:0; z-index:1;}
  #footer .info_are .sitemap {width:108px; height: 24px; font-size:10px;color: #555; border: #b7b7b7 1px solid; padding-left:0; text-align:center;}
  #footer .info_are .sitemap .sitemapList {width: 108px;bottom: 22px; border: 1px solid #b7b7b7;}
  #footer .info_are .sitemap a {line-height: 32px; height: 32px}
  #footer .info_are .sitemap h4 {line-height: 24px; height: 24px; text-indent: 7px; letter-spacing: -1.5px;}
  #footer .info_are .sitemap > h4:after {top: 40%; border-bottom: 0px solid #b7b7b7; border-top: 6px solid #b7b7b7; border-left: 4px solid transparent; border-right: 4px solid transparent;}
  #footer .info_are .sitemap.on > h4:after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #b7b7b7;}
}

@media screen and (max-width:600px) {
  .main_section1 .area_right .bnnr4_article a{height: 250px}
  /* .visual_bnnr_section .bnnr{height: 500px} */
  .visual_bnnr_section{padding-top: 40px}
  /* .slick-slide img.m_visual_bnnr_img {display:block;width: 100%} */
  /* .slick-slide img.w_visual_bnnr_img {display:none;} */
}
@media screen and (max-width:500px) {
.visual_bnnr_section .visual_bnnr_img{height: 260px}
.visual_bnnr_section .visual_bnnr_img img{width: 550px;margin-left: -275px}
}
/* sub header */
.sub_wrap .header {position:absolute;;;; background-color:#fff;}
.sub_wrap .lnb_area .logo,
.sub_wrap .header.on .lnb_area .logo {}
.sub_wrap .lnb .dep1 > a {color:#333;}
.sub_wrap .header .lnb .dep1.file_down {border:1px solid #333;}
.sub_wrap .header .lnb .dep1.file_down > a:after {border-top:8px solid #333;}

/* mobile none */
.sub_wrap .intro_section p.m_intro_title,
.sub_wrap .m_sub_detail_select {display:none;}

/* sub_section */
.sub_wrap .sub_section {width:100%; max-width:1920px;padding-top: 102px}
.sub_wrap .comn_seb_area {width:100%; max-width:1240px; margin:0 auto; padding:0 20px;}

/* sub_menu */
.sub_wrap .sub_menu {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.sub_wrap .sub_menu ul {display:table; width:100%; max-width:1200px; margin:0 auto;}
.sub_wrap .sub_menu li {display:table-cell; vertical-align: top; width:20%; text-align: center; background-color: #fff;}
.sub_wrap .sub_menu li a {display:block; font-family: "Nanum Square"; font-size:16px; color:#888; line-height:54px;}
.sub_wrap .sub_menu li.on a {color:#fff; background-color:#0054ae;}

.sub_wrap .sub_menu.menu2 li{width: 50%}
.sub_wrap .sub_menu.menu3 li{width: 33.33%}
.sub_wrap .sub_menu.menu4 li{width: 25%}
.sub_wrap .sub_menu.menu5 li{width: 20%}
.sub_wrap .sub_menu.menu6 li{width: 16.66%}
.sub_wrap .sub_menu.menu7 li{width: 14.285%}
.sub_wrap .sub_menu.menu8 li{width: 12.5%}

/* sub_visual */
.sub_wrap .sub_visual {width:100%; height:230px; text-align:center;background:url(../img/img_sub_visual1.jpeg) 50% 50% no-repeat;}
.sub_wrap .sub_visual1 {background:url(../img/img_sub_visual1.jpeg) 50% 50% no-repeat;}
.sub_wrap .sub_visual2 {background:url(../img/img_sub_visual2.jpeg) 50% 50% no-repeat;}
.sub_wrap .sub_visual3 {background:url(../img/img_sub_visual3.jpeg) 50% 50% no-repeat;}
.sub_wrap .sub_visual .nav {margin-bottom:18px; padding-top:50px;}
.sub_wrap .sub_visual .nav > span {display:inline-block; vertical-align: top;}
.sub_wrap .sub_visual .nav a {font-size:14px; color:#888;}
.sub_wrap .sub_visual .nav i {display:inline-block; vertical-align:top; margin:0 13px 0 14px; font-size:14px; color:#888;font-style: normal;}
.sub_wrap .sub_visual .nav a.ico_nav_home {display:inline-block; vertical-align:top; width:15px; height:15px; margin-top:1px; font-size:0; background:url(../img/ico_nav_home.png) 50% 0 no-repeat;}
.sub_wrap .sub_visual .sub_title {font-family: "Nanum Square"; font-size:34px; color:#111; line-height:1.1em;}
.sub_wrap .sub_visual .sub_txt {margin-top:12px; font-size:20px; color:#333; line-height:1.1em;}

/* sub_menu */
.sub_detail_menu {margin-top:-27px;}
.sub_detail_menu ul {display:table; width:100%; max-width:1120px; margin:0 auto; border:1px solid #d7d7d7;}
.sub_detail_menu li {position:relative; display:table-cell; vertical-align: top; width:14.285714285714286%; text-align: center; background-color: #fff;}
.sub_detail_menu li:after {content:""; display: inline-block; vertical-align:top; position:absolute; top:12px; right:0; height:25px; border-right:1px solid #e1e1e1}
.sub_detail_menu li:last-child:after {border:none;}
.sub_detail_menu li.on:after {top:48px; width:100%; height:9px; background:url(../img/ico_sub_detail_menu.jpeg) 50% 0 no-repeat; border:none;}
.sub_detail_menu li a {display:block; font-family: "Nanum Square"; font-size:16px; color:#bbb; line-height:48px;}
.sub_detail_menu li.on a {color:#fff; background-color:#0054ae;}
.sub_detail_menu li.on a > span {border-bottom:1px solid #fff;}

.sub_detail_menu.menu2 li{width: 50%}
.sub_detail_menu.menu3 li{width: 33.33%}
.sub_detail_menu.menu4 li{width: 25%}
.sub_detail_menu.menu5 li{width: 20%}
.sub_detail_menu.menu6 li{width: 16.66%}
.sub_detail_menu.menu7 li{width: 14.285%}
.sub_detail_menu.menu8 li{width: 12.5%}
/* intro_section */
.sub_wrap .intro_section {position:relative; margin:65px auto 225px;}
.sub_wrap .intro_section p {margin-right:474px; word-break:keep-all; font-size:18px;color:#111; line-height:1.25em;}
.sub_wrap .intro_section p strong {font-size:22px; line-height:1.4em;}
.sub_wrap .intro_section .intro_title {margin-bottom:30px;}
.sub_wrap .intro_section .intro_title > strong {display:block;}
.sub_wrap .intro_section .intro_pic {position:absolute; top:0; right:20px; display:block; width:100%; max-width:454px; min-height:566px; background:url(../img/img_intro_pic.png) 0 0 no-repeat; background-size:454px 566px;}
.sub_wrap .intro_section .intro_pic img {max-width:100%;}

/* media query */

@media screen and (max-width:1419px) {
    .sub_wrap .sub_section{padding-top: 72px}
    .sub_wrap .sub_menu li a {font-size:15px; line-height:50px;}
    .sub_wrap .sub_detail_menu li a {font-size:15px; line-height:44px;}
    .sub_wrap .sub_detail_menu li.on:after {top:44px;}
    .sub_wrap .sub_visual .sub_title {font-size:30px;}
    .sub_wrap .sub_visual .sub_txt {font-size:17px;}
    .sub_wrap .intro_section p strong {font-size:19px;}
    .sub_wrap .intro_section p {font-size:15px;}
    .sub_wrap .intro_section .intro_pic {max-width:380px; background-size:380px 474px; min-height:474px;}
    .sub_wrap .intro_section p {margin-right:400px;}
}

@media screen and (max-width:768px) {
    .sub_wrap .sub_detail_menu{margin-top: 0}
    .sub_wrap .sub_section{padding-top: 42px}
    .sub_menu,
    .sub_wrap .sub_visual .nav{display:none;}
    .sub_wrap .comn_seb_area {padding:0 15px;}
    .sub_wrap .sub_visual,
    .sub_wrap .sub_visual1,
    .sub_wrap .sub_visual2,
    .sub_wrap .sub_visual3 {height:120px;}
    .sub_wrap .sub_visual1 {background-image:url(../img/img_m_sub_visual1.jpeg); background-size:cover;}
    .sub_wrap .sub_visual2 {background-image:url(../img/img_m_sub_visual2.jpg); background-size:cover;}
    .sub_wrap .sub_visual3 {background-image:url(../img/img_m_sub_visual3.jpg); background-size:cover;}
    .sub_wrap .sub_visual .sub_title {font-size:21px; padding-top:40px;}
    .sub_wrap .sub_visual .sub_txt {font-size:14px;}
    .sub_wrap .intro_section {margin:30px auto 65px;}
    .sub_wrap .intro_section p {margin-right:0; font-size:12px; color:#555;}
    .sub_wrap .intro_section p strong {font-size:12px; color:#222;}
    .sub_wrap .intro_section .intro_title {margin-bottom:3px;}
    .sub_wrap .intro_section .intro_title > strong {display:inline; font-weight:normal;}
    .sub_wrap .intro_section p.m_intro_title {display:block; margin-bottom:15px;}
    .sub_wrap .intro_section p.m_intro_title > strong {font-size:16px; color:#222;}
    .sub_wrap .intro_section .intro_pic {background-image:url(../img/img_m_intro_pic.png); max-width:294px; background-size:294px 321px; min-height:321px; position:relative; right:inherit; margin:0 auto 15px;}
    .sub_wrap .m_sub_detail_select {display:block; width:175px; height:30px; margin:28px auto 0;}
    .sub_wrap .m_sub_detail_select select {width:175px; height:30px; font-size:12px; padding-left:8px; border:1px solid #d7d7d7; background:#fff;}
}
@media screen and (max-width:767px) {
  .sub_detail_menu.menu7 ul{overflow: hidden;}
  .sub_detail_menu.menu7 li{width: 33.33%;display: block;float: left}
  .sub_detail_menu.menu7 li:nth-child(3)::after{display: none}
  .sub_detail_menu.menu7 li:nth-child(n+4){width: 25%}
  .sub_detail_menu.menu8 ul{overflow: hidden;}
  .sub_detail_menu.menu8 li{width: 25%!important;display: block;float: left}
  .sub_detail_menu.menu8 li:nth-child(4)::after{display: none}
  /* .sub_detail_menu.menu8 li{width: 25%} */
}
/* .header.sub {background-color:#fff;}
.header.sub{background-color: #fff}
.header.sub *{color:#000}
.header.sub .lnb .dep1 > a {color:#333;}
.header.sub .lnb .dep1.on > a,
.header.sub .lnb .dep1 > a:hover {font-weight: bold;}
.header.sub .lnb .dep1.file_down {border:1px solid #333;}
.header.sub .lnb .dep1.file_down > a:after {border-top:8px solid #333;}
.header.sub .lnb_area .logo {background-image: url(../img/logo_on.png)}
.header.sub .g_lnb_article {border-bottom:1px solid #e1e1e1;} */
/* .sub_contents_area{padding-top: 100px}
.sub_content_visual{height: 230px;background-color: #ccc} */
.contents_wrap{background-color: #fff}
.contents{min-height: 600px;width: 100%;margin: 60px auto 0;max-width: 1920px;padding-bottom: 100px}
.blank_ico{display: inline-block;vertical-align: middle;width: 13px;height: 13px;background: url('../img/blank_ico.png') no-repeat center;margin-left: 4px}

.intro_top{width: 100%;margin-top:-60px;height: 280px;background: url('../img/intro_top_bg.jpg') no-repeat center center #93d1eb}
.intro_top_layout{width: 100%;max-width: 1200px;margin: 0 auto;}
.intro_top_layout section{padding-top: 140px}
.intro_top_layout p{font-size: 1.6em;font-weight: 500;color: #222}
.intro_top_layout h2{font-size: 2.7em;font-weight: 600;color: #222;line-height: 1.4;margin-top: 16px}
.intro_bot{width: 100%;max-width: 1200px;margin: 110px auto 0;overflow: hidden;}
.intro_bot .left_con{float: left;width: 48%}
.intro_bot .right_con{float: left;font-size: 1.2em;width: 52%}
.intro_bot .right_con p{word-break: keep-all;color:#222;margin-bottom: 30px}
@media screen and (max-width:1200px) {
  .intro_top{padding: 0 20px}
  .intro_bot{padding: 0 20px}
}
@media screen and (max-width:1024px) {
  .intro_bot .left_con{;width: 40%}
  .intro_bot .left_con img{width: 100%}
  .intro_bot .right_con{width: 60%;padding-left: 40px}
  .intro_top_layout section{padding: 30px 0;text-align: center}
  .intro_top{height: auto;;background-image: none}
}
@media screen and (max-width:767px) {
  .intro_bot .left_con{width: 100%}
  .intro_bot .right_con{width: 100%;padding-left: 0;margin-top: 30px}
  .intro_top_layout p{font-size: 14px}
  .intro_top_layout h2{font-size: 20px}
  .intro_bot{margin-top: 20px}
  .contents{margin-top: 30px}
}

.table_map{border-top: 2px solid #0054ae;width: 100%;font-size: 1.1em}
.table_map tbody th{font-weight: 500;background-color: #f3f3f3;padding: 12px 30px}
.table_map tbody td{color: #555;padding: 14px 30px;}
.table_map tbody tr{border-bottom: 1px solid #ccc}
.table_map dl{display: table;color: inherit;}
.table_map dt{font-weight: 500;display: table-cell;color: inherit;}
.table_map dd{display: table-cell;color: inherit;}
#map{height: 560px;margin-top: 30px;border: 1px solid #ccc}

@media screen and (max-width:768px) {

  .table_map tbody th{padding: 10px;word-break: break-all;}
  .table_map tbody td{padding: 10px}
}
@media screen and (max-width:767px) {
  .table_map{font-size: 1.1em}
  .table_map tbody th{padding: 10px 5px}
  #map{height: 350px}
}

/* 우리의 발자취 */
.trace{margin-top:40px;}
.trace .quotation{width:1000px;height:154px;overflow:hidden;margin-bottom:50px;background:url("../img/history/img_quotation.jpg") no-repeat;line-height:999px;}
.trace .outro{width:492px;height:104px;overflow:hidden;margin:80px auto 0;background:url("../img/history/txt_trace.gif") no-repeat;line-height:999px;}
.trace_list{background:url("../img/history/bg_2x2_cacaca.gif") repeat-y 499px 0;}
.trace_list li{overflow:hidden;margin-bottom:80px;background:url("../img/history/bg_trace_list.gif") no-repeat 493px 15px;}
.trace_list li .party_info .tit{margin-bottom:3px;font-size:38px;color:#5aa4d5;}
.trace_list li .party_info .party_name{margin-bottom:10px;}
.trace_list li .party_info .party_name p{margin-bottom:15px;color:#565656;font-size:14px;line-height:1.6;}
.trace_list li .party_info .party_name p strong{display:block;font-size:20px;}
.trace_list li .party_leader{position:relative;}
.trace_list li.align_odd .party_info{width:460px;float:left;text-align:right;}
.trace_list li.align_odd .party_leader{float:left;margin-left:81px;}
.trace_list li.align_odd .party_leader:after{content:"";position:absolute;top:14px;left:-16px;width:16px;height:24px;background:url("../img/history/bg_party_leader_r.gif") no-repeat;background-size:16px 24px;}
.trace_list li.align_even .party_info{width:459px;float:right;}
.trace_list li.align_even .party_leader{float:left;width:460px;text-align:right;}
.trace_list li.align_even .party_leader:after{content:"";position:absolute;top:14px;right:-16px;width:16px;height:24px;background:url("../img/history/bg_party_leader_l.gif") no-repeat;background-size:16px 24px;}
.trace_list ul li:first-child{background:url("../img/history/bg_trace_list_first.gif") no-repeat 493px 0;}
@media screen and (max-width:1016px) {
  /* 우리의 발자취 */
	.trace{margin-top:0;}
	.trace .quotation{width:100%;height:89px;margin-bottom:20px;border:1px solid #cacaca;background:url("../img/history/img_m_quotation.gif") no-repeat center 15px;background-size:243px 61px;}
	.trace .outro{width:289px;height:58px;margin:25px auto 0;background:url("../img/history/txt_m_trace.gif") no-repeat;background-size:289px 58px;}
	.trace_list{padding-bottom:30px;background-position:6px 0;background: none}
	.trace_list li{margin:60px 0 0 !important;padding-left:0;background-position:0 4px !important;background-size:16px auto;background: none}
	.trace_list li:first-child{margin-top:0 !important;background-position:0 -10px !important;background: none!important}
	.trace_list li .party_info{width:100% !important;float:none !important;text-align:center !important;}
	.trace_list li .party_info img{max-width:100%;}
	.trace_list li .party_info .tit{margin-bottom:5px;font-size:25px;}
	.trace_list li .party_info .party_name p{font-size:16px;line-height:1.3;}
	.trace_list li .party_info .party_name p strong{margin-bottom:3px;font-size:16px;}
	.trace_list li .party_info .presidential_candidate{margin-bottom:20px;}
  .trace_list li.align_even .party_leader{text-align: center!important}
  .trace_list li.align_odd .party_leader{text-align: center!important}
	.trace_list li .party_leader{position:relative;width:100% !important;float:none !important;margin:0 0 0 !important;text-align:left !important;}
	.trace_list li .party_leader img{max-width:100%;}
	.trace_list li .party_leader:after{content:"";display:block;position:relative;top:12px !important;left:-12px !important; !important;width:16px;height:24px;background:url("/images/egovframework/npad/content/bg_party_leader_r.gif") no-repeat !important;background-size:12px auto !important;}
}

@media screen and (min-width:769px) {
  .lnb_section .lnb .dep2 a:hover {font-weight:bold;}
  .lnb_section .lnb .dep2 a:hover:after {opacity: 1; width: 100%;}
  .header.on .lnb .dep1 > a:hover {font-weight: bold;}
  .lnb .dep1.file_down .file_down_list a:hover{background-color: #eee}
  #footer .info_are .sitemapList li > a:hover {background-color:#eee;}
  #footer .info_are .infoAdd_area:hover {color: #888;}
  .main_section2 .slick-arrow:hover {transition-duration: 0.2s; background:#1d5c95 url(../img/btn_arrow.png) 0 0 no-repeat; background-size: 65px 39px;}
  .main_section2 .slick-prev:hover {background-position: -27px -9px }
  .main_section2 .slick-next:hover {background-position: -28px 20px;}
  .lnb_section .lnb .dep2 a:hover {border-bottom:none; font-weight:normal;}
}