@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; text-decoration:none; }
body {min-width:320px; background:#f6f6f6}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table {font-family:'맑은 고딕','Malgun Gothic','Nanum Gothic','Roboto','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none}
a:hover, a:active, a:focus{ text-decoration:none; color:#666;}
.hidden {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
label { display:inline-block; }
label img { vertical-align:middle; pointer-events:none; }

/*********************************************************************************************/

/*!--1section:visual--*/
.visual{position:relative; width:100%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; max-height:760px; overflow:hidden;}
.visual > p img{width:100%; display:block;}
.vis_txt{position:absolute; width:100%;}
.vis_txt h6{position:relative; margin:0 auto; width:1200px;}
.vis_txt h6 img{display:block; margin-top:55px;}

.vis_banner {position:absolute; top:80px; left:50%; margin-left:-730px; z-index:999999999;}
.guestMark1 {position:absolute; top:80px; right:100px; z-index:9;}
.guestMark2 {position:absolute; top:80px; right:300px; z-index:9;}
  .vis_banner img, .guestMark1 img, .guestMark2 img { width:100%; }

/*2section:inner_container_wrap*/
.m_quick{display:none;}
.m_view{display:none;}
.inner_container_wrap{position:absolute; width:100%; z-index:2;}
.inner_container{position:relative; margin:290px auto 0; width:1200px; padding-bottom:60px; }
.inner_container .quick{width:495px;}
.inner_container .quick ul{position:relative; top:-30px;overflow:hidden;}
.inner_container .quick li{float:left; font-size:13px; color:#222; text-align:center; width:123px; line-height:140%}
.inner_container .quick li a{display:block; padding-bottom:10px;}

.view{position:relative; width:405px; margin-top:30px; margin-left:10px;}
.view_img{width:540px; position:relative; top:-30px;}
.view h1{color:#222; font-size:22px; font-weight:normal; letter-spacing:-1px; margin-bottom:20px;}
.view h1 strong{font-weight:600}
.view h1 span{position:absolute; right:0}
.view ul{}
.view ul li{overflow:hidden; font-size:13px; margin-bottom:20px; border-bottom:1px #ccc dashed; padding-bottom:15px;}
.view ul li:last-child{margin-bottom:0px; border-bottom:none; padding-bottom:0px;}
.view ul li p{float:left; width:130px; cursor:pointer;}
.view ul li p img{width:130px;}
.view ul li a{float:left; display:block; margin-left:20px; width:255px; color:#555; font-size:13px; line-height:140%}
.view ul li a strong{display:block; font-size:15px; margin-bottom:5px;}
.view ul li a span{display:block;margin-bottom:5px;}
.view ul li a span + span{color:#b3b3b3;}
.view ul li a:hover{color:#ee8d3c}

/*3section:noitce*/
.m_news{display:none;}
.inner_news680{display:none;}
.news{position:relative; width:1180px; margin:0 auto; border-bottom:1px solid #ececec; background:#fff; overflow:hidden;  padding:20px 0;}
.news .inner_news{position:relative; width:600px; overflow:hidden; float:left;}
.news .inner_news h1{font-size:20px; color:#0084d4; float:left; width:20%; font-weight:500; margin-top:5px}
.news .inner_news .inner_news_list{float:left; width:80%;}
.news .inner_news .inner_news_list > ul{float:left; width:95%; margin-top:10px; position:relative; height:20px; overflow:hidden;}
.news .inner_news .inner_news_list > ul li{font-size:15px; overflow:hidden; position:absolute; width:100%;}
.news .inner_news .inner_news_list > ul li a{color:#555; float:left;}
.news .inner_news .inner_news_list > ul li a:hover{color:#000}
.news .inner_news .inner_news_list > ul li span{float:right; color:#666}
.news .inner_news .inner_news_list .bullet{float:right; width:13px;}
.news .inner_news .inner_news_list .bullet p a{display:block; text-align:center; padding:3px 0; cursor:pointer;}
.news .inner_news .inner_news_list .bullet p img{display:block;}
.news .inner_news .inner_news_list .bullet p.pause{padding-left:3px;}

#rollbanner{position:absolute; width:560px; left:50%; margin-left:40px; bottom:22px; }

@media (min-width:320px) and (max-width:1400px) {
#rollbanner{position:relative; width:100%; left:0; margin:0; bottom:0; padding:20px 0; }
}