@CHARSET "UTF-8";
html { font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;}
body { width:100%; margin:0; padding:0; font-size:13px; letter-spacing:-1px; line-height:1; overflow-y:scroll; overflow-x:hidden; color:#707070;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
a:link { text-decoration:none; color:#707070;}
a:visited { text-decoration:none; color:#707070;}
a:active { text-decoration:none; color:#707070;}
a:hover { text-decoration:none; color:#054BA8;}
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,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; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before,
blockquote:after,q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block; height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
div, dl, span { margin:0; padding:0; border:0;}
em { list-style:none; margin:0; padding:0; font-size:12px; font-style: normal; font-weight:bold;}
ul, li, ol, dl, dt, dd, p, em { list-style:none; margin:0; padding:0;}
form { margin:0; padding:0; border:0;}
button { border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;}
label { cursor:pointer;}
footer { font-weight:normal;}
fieldset { border:solid 0 transparent; padding:0;margin:0;}
legend { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;font-size :1em; }
hr, h1, h2, caption { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
div.skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
#skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.Skipul ul li { position:relative; float:left; padding:0; margin:0}
.skip { display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skip:hover,
.skip:active,
.skip:focus { width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}
#Wrap { position:relative;float:left; width:100%; background:url(../img/topbg.gif) top left repeat-x; color:#707070;}
#Wrap .container { position:relative; width:1000px; margin:0 auto;}
#header { position:relative; float:left; width:100%; height:145px;}
#header .logo { position:relative; float:left; width:30%; padding-top:7px;}
#header .logo span { font-size:16px; vertical-align:top; line-height:29px; font-weight:bold; color:#333;}
#header .topmenu { position:relative; float:left; width:100%;}
#header .topmenu ul { float:right; line-height:25px; margin-top:10px;}
#header .topmenu ul li { float:left; margin-left:15px; letter-spacing:0; font-size:11px;}
#header .topmenu .woosuk { padding:0 15px; border-top:1px solid #E1E1E1; border-left:1px solid #E1E1E1; border-right:1px solid #BDBDBD; border-bottom:1px solid #BDBDBD; border-radius:4px;}
#header .topmenu .woosuk a { font-size:12px; color:#294581; letter-spacing:-1px; font-weight:bold;}
#header .menulist { position:relative; float:left; width:70%;}
#header .menulist ul { position:relative; float:right; padding-top:20px;}
#header .menulist ul li { float:left; width:auto; padding-left:40px; font-size:14px;}
#header .menulist ul li a { color:#333;font-weight:bold;}
#header .menulist ul li a:hover { color:#0070bd;font-weight:bold;}
#header .menulist .gnb1 ul { position:absolute; left:-130px; top:60px; z-index:15; }
#header .menulist .gnb2 ul { position:absolute; left:-100px; top:60px; width:680px; z-index:15;}
#header .menulist .gnb3 ul { position:absolute; left:200px; top:60px; z-index:15;}
#header .menulist .gnb4 ul { position:absolute; left:290px; top:60px; z-index:15;}
#header .menulist .gnb5 ul { position:absolute; right:20px; top:60px; z-index:15;}
#header .menulist .gnb6 ul { position:absolute; right:0; top:60px; z-index:15;}
#header .menulist .gnb7 ul { position:absolute; right:0; top:60px; z-index:15;}
#header .menulist ul li ul li { position:relative;float:left;padding:0 9px ;z-index:12 ;width:auto ;font-size:12px}
#header .menulist ul li ul li a { font-weight:normal; color:#666;}
#header .menulist ul li ul li a:hover { color:#0070bd ;}
#header .menulist .sub { display:none}
#header .menulist ul li .gnbActive a,a:hover { color:#0070bd;font-weight:bold;}
#header .btn_side { position: absolute; top:10px; left:0; width:53px; height:51px; font-size:0; line-height:0; z-index:99;}
#open_side { display:none; }
#mainvisual { position:absolute; left:0; top:144px; width:100%;}
#mainvisual .elementbox { position:relative; float:left; width:100%; height:397px; background:url(../img/main/main_bg.jpg) top center no-repeat;}
#mainvisual .elementbox .maintext { float:right; width:230px; margin-top:60px;}
#mainvisual .elementbox .maintext dt { font-size:35px; color:#fff; margin-bottom:20px; line-height:40px;}
#mainvisual .elementbox .maintext dd { font-size:14px; color:#cadbf2; line-height:22px; text-align:justify;}
#contwrap { position:relative;float:left; width:100%; margin-top:396px; background:url(../img/main/linebox_bg.gif) top center no-repeat;}
#contwrap .linebox { position:relative;float:left; width:100%; height:106px;}
#contwrap .linebox li { position:relative;float:left; width:50%;}
#contwrap .linebox li dl { position:relative;float:left; width:80%; margin:25px 0 0 0;}
#contwrap .linebox li dl dt { font-size:20px; color:#fff; padding-bottom:15px;}
#contwrap .linebox li dl dt a { color:#fff; font-weight:normal;}
#contwrap .linebox .left dd { color:#BEDCD4; font-size:15px;}
#contwrap .linebox .right dl { margin-left:25px;}
#contwrap .linebox .right dl dd { color:#ABABAB; font-size:15px;}
#contwrap .section { position:relative;float:left; width:100%; height:541px; background:url(../img/main/st_bg.gif) top center no-repeat;}
#contwrap .section .boxlist1 { position:relative;float:left; width:765px;}
#contwrap .section .boxlist1 h3 { font-size:15px; color:#343434; margin:25px 15px 20px 18px;}
#contwrap .section .boxlist1 .more { position:absolute; right:0; top:0;}
.bannerzone { position:relative;float:left; width:252px; height:210px; background:url(../img/main/bannerzone_bg.jpg) left top no-repeat;}
.bannerzone dl { margin:25px 0 0 20px;}
.bannerzone dl dt { color:#0183a2; font-size:17px; letter-spacing:-1px; line-height:20px;}
.bannerzone dl dt span { color:#38362e; display:inline-block;}
.bannerzone dl dd { width:150px; background-color:#043d89; padding:6px 0 10px 0; text-align:center; border-radius:4px; margin-top:10px; display:inline-block;}
.bannerzone dl dd a { font-size:11px; color:#fff;}
.notice { position:relative;float:left; width:513px; height:210px;}
.notice ul { width:465px; margin:0 auto; font-size:12px; line-height:25px;}
.notice ul li { padding-left:7px; background:url(../img/main/btn_dot.gif) left center no-repeat;}
.notice ul li span { float:right; font-size:12px; color:#999; letter-spacing:0;}
.notice ul li img { vertical-align:middle; margin-bottom:2px;}
.qanda { position:relative;float:left; width:252px; height:210px; }
.sns { position:relative; float:left; width:251px; margin:0 0 0 1px; }
.sns dl { width: 251px; }
.sns dd { padding-top: 25px; }
.sns dd a { text-decoration: none; color: #ffffff; margin-left: 50px; letter-spacing: 0; }
.sns dd a:hover { text-decoration: none; color: #ffffff; font-weight: 600; letter-spacing: 0; }
.sns .insta { width: 100%; height: 45px; background: url(../img/icon_insta.jpg) no-repeat 10px 20px; background-color: #cc4498; }
.sns .naver { width: 100%; height: 45px; background: url(../img/icon_naver.gif) no-repeat 10px 20px; background-color: #1ac900; }
.sns .face { width: 100%; height: 45px; background: url(../img/icon_facebook.gif) no-repeat 12px 21px; background-color: #3b589e; }
.sns .kakao { width: 100%; height: 45px; background: url(../img/icon_yellow.png) no-repeat 11px 18px; background-color: #f6d202; }
.sns .kakao a:link { color: #301f23; }
.gallery { position:relative;float:right; width:510px; height:210px;}
.gallery ul { width:470px; margin:0 auto;}
.gallery ul li { position:relative;float:left; width:47%;}
.gallery ul li:nth-child(odd) { float:left;}
.gallery ul li:nth-child(even) { float:right;}
.gallery ul li p { position:relative;float:left; width:45%;}
.gallery ul li dl { position:relative;float:right; width:50%;}
.gallery ul li dl dt {color:#343434; font-weight:bold; padding-bottom:10px;}
.gallery ul li dl dd { line-height:18px; height:55px; }
.gallery .date { height:auto; font-size:11px; color:#999; letter-spacing:0;}
.banner { position:relative;float:left; width:100%;}
.banner ul li p { position:absolute; left:17px; top:22px;}
.banner ul li dl { position:absolute; right:12px; top:30px; width:135px;}
.banner ul li dl dt { font-size:14px; color:#545454; font-weight:bold;padding-bottom:7px;}
.banner ul li dl dd { line-height:18px; color:#707070;}
.banner .list1 { position:absolute; left:0; top:0; width:248px; height:119px;}
.banner .list2 { position:absolute; left:247px; top:0; width:255px; height:119px;}
.banner .list3 { position:absolute; left:505px; top:0; width:255px; height:119px;}
#contwrap .section .boxlist2 { position:relative;float:left; width:234px;}
#contwrap .section .boxlist2 h3 { font-size:15px; color:#343434; margin:25px 15px 20px 18px;}
#contwrap .section .boxlist2 .more { position:absolute; right:0; top:0;}
.schedule { position:relative;float:right; width:100%; height:300px; overflow:hidden;}
.schedule .calendar { width:83%; margin:0 auto; }
.schedule .calendar dt { text-align:center; padding-bottom:7px;}
.schedule .calendar dt span { font-size:14px; padding:0 10px; color:#343434;}
.schedule .calendar dt img { vertical-align:middle;}
.schedule .calendar dd ul { padding-top:13px;}
.schedule .calendar dd ul li { border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.schedule .calendar dd ul li dl dt { text-align:left; font-size:11px; color:#343434;}
.schedule .calendar dd ul li dl dd { text-align:left; font-size:11px;}
.schedule .calendar dd ul li dl dd img { vertical-align:middle;}
.schedule .calendar .none { border-bottom:none;}
.schedule .calendar .tb_normal { width:100%; background-color:#fff;}
.schedule .calendar .tb_normal th { font-size:12px; border-bottom:1px solid #d8d3d0; border-left:1px solid #d8d3d0; text-align:center; color:#444; padding:10px 0; border-top:2px solid #484D53; background-color:#f8f8fc;}
.schedule .calendar .tb_normal td { font-size:11px; border-bottom:1px solid #d8d3d0; border-left:1px solid #d8d3d0; text-align:center; padding:6px 7px;}
.schedule .calendar .tb_normal .last { border-right:1px solid #d9d9d9;}
.schedule .calendar .tb_normal .sat { color:#4164AB;}
.schedule .calendar .tb_normal .sun { color:#D5153F;}
.schedule .calendar .tb_normal .today { color:#343434; font-weight:bold;}
.schedule .calendar .tb_normal .event { font-weight:bold;}
.Linkws { position:relative;float:left; width:100%;}
.Linkws ul { position:relative;float:right;}
.Linkws ul li { position:relative; float:left; width:105px; line-height:60px; padding-left:10px;}
.Linkws ul li:nth-child(odd) { float:left;}
.Linkws ul li:nth-child(even) { float:right;}
.Linkws ul li a { font-size:10px; font-weight:bold; color:#545454;}
.Linkws ul li img { vertical-align:middle; }
#footer { position:relative; float:left; width:100%; background-color:#495860; font-size:12px; color:#BBC0C2; padding:30px 0; z-index:30;}
#footer .copylogo { float:left; width:20%; max-width:200px;}
#footer .copylogo a { color:#999; font-size:13px;font-weight:bold;}
#footer .copylogo a span { margin-left:43px; display:inline-block;}
#footer .bottommenu { padding-bottom:10px;}
#footer .bottommenu li { margin-right:10px; display:inline;}
#footer .bottommenu li a { color:#D0D4D6; font-weight:bold;}
#footer address { font-style:normal; margin-bottom:5px;}
#footer .copy_sns { position:absolute; right:0; top:0; background:#38444a; padding:4px 10px; border-radius:3px; border:1px solid 262d31;}
#footer .copy_sns dt { font-size:12px; color:#b0c3cd; font-weight:bold; text-align:center; padding-bottom:5px;}
#footer .m_foot { display:none;}
@media screen and (max-width:950px) {
#Wrap { position:relative;float:left; width:100%; background:none; }
#Wrap .container { width:100%; margin:0 auto;}
#header { width:100%; margin:0 auto; height:50px; border-bottom:2px solid #0059b4;}
#header .logo { position:absolute; top:2px; left:0; width:100%; text-align:center;}
#header .logo img { width:140px; height:auto;}
#header .logo span { font-size:16px; vertical-align:top; line-height:25px; font-weight:bold; color:#333;}
.topmenu, .menulist { display:none;}
.btn_side { z-index:99; font-size:0; line-height:0; position: absolute; top:0px; right:0; width:53px; height:51px; }
.btn_side i { border-top:8px double #666; border-bottom:8px double #666; height:2px; display:block; width:23px; margin:0px 0 0 15px; }
.btn_side b { font-size:13px; position:absolute; bottom:24px; margin-left:14px}
#open_side { position: absolute; top:0px; width:100%; height:auto; z-index:98; display:block;}
#open_side .side_gnb { width:250px; height:100%; background:#2e2f31; padding-top:50px;}
#open_side .side_gnb .btn_side { position:absolute; top:5px; left:210px; padding:10px; width:18px; height:18px;}
#open_side .side_gnb ul { padding-bottom:50px;}
#open_side .side_gnb ul li { border-bottom:1px dotted rgba(255, 255, 255, 0.2);}
#open_side .side_gnb ul li a { color:#ccc; display:inline-block; padding:10px 15px 10px 10px ; width:90%; font-size:14px; background:url(../img/open_arrow.png) no-repeat right 22px; }
#open_side .side_gnb ul li div ul { background:#222;padding-bottom:0;}
#open_side .side_gnb ul li div ul li { border-bottom:1px solid #343434; }
#open_side .side_gnb ul .gnbActive>a {background:#0059b4 url(../img/close_arrow.png) no-repeat right 20px; }
#open_side .side_gnb ul li div ul li:last-child a { border:0; }
#open_side .side_gnb ul li div ul li a { color:#888; font-size:12px; background:none;}
#open_side .side_gnb ul .gnbActive div ul .gnbActive>a { background:none; color:#5da9ff;}
#open_side .m_topmenu {}
#open_side .m_topmenu a { box-sizing:border-box; background:#222 url(../img/line.jpg) no-repeat right center;display:inline-block; color:#ccc; line-height:40px; float:left; text-align:center; font-size:11px;}
#open_side .m_topmenu a:first-child { width:25%; }
#open_side .m_topmenu a:nth-child(2) { width:25%;}
#open_side .m_topmenu a:last-child { width:50%; background:#222;}
#mainvisual { position:absolute; left:0; top:52px; width:100%;}
#mainvisual .elementbox { width:100%; height:250px; margin:0 auto; background:url(../img/main/main_bg1.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#mainvisual .elementbox .maintext { display:none;}
#contwrap { position:relative; float:left; width:100%; margin-top:250px; background:none;}
#contwrap .linebox { display:none;}
#contwrap .section { position:relative;float:left; width:100%; height:auto; background:none;}
#contwrap .section .boxlist1 { position:relative;float:left; width:100%;}
#contwrap .section .boxlist1 h3 { width:92%; margin:0 auto; font-size:15px; color:#343434; padding:20px 0 10px 0;}
#contwrap .section .boxlist1 .more { position:absolute; right:0; top:0;}
#contwrap .section .boxlist2 { position:relative;float:left; width:100%;}
.notice { position:relative;float:left; width:100%; height:150px; overflow-y:hidden; border-top:1px solid #E8E8E7;}
.notice ul { width:92%; font-size:12px; line-height:25px;}
.qanda { position:relative;float:left; width:100%; height:60px; overflow-y:hidden; margin-top:7px; border-top:1px solid #E8E8E7;}
.sns { width:100%; }
.sns dl { width: 100%; }
.sns dd { float: left; }
.sns dd a { font-size: 0; }
.sns .naver { width: 33.3%; height: 35px; background: url(../img/icon_naver.gif) no-repeat center; background-color: #1ac900; }
.sns .insta { width: 33.3%; height: 35px; background: url(../img/icon_insta.jpg) no-repeat center; background-color: #cc4498; }
.sns .face { width: 33.3%; height: 35px; background: url(../img/icon_facebook.gif) no-repeat center 8px; background-color: #3b589e; }
.sns .kakao { width: 33.3%; height: 35px; background: url(../img/icon_yellow.png) no-repeat center; background-color: #f6d202; }
.gallery { position:relative;float:left; width:100%; height:175px; margin-top:7px; border-top:1px solid #E8E8E7;}
.gallery ul, ul li { width:92%;}
.gallery ul li p { float:left; width:102px;}
.gallery ul li dl { float:right; width:60%;}
.gallery ul li dl dt {color:#343434; font-weight:bold; padding-bottom:10px;}
.gallery ul li dl dd { line-height:18px; height:55px; }
.gallery .date { height:auto; font-size:11px; color:#999; letter-spacing:0;}
.Linkws { position:relative; float:left; width:100%; height:175px;}
.Linkws ul { float:none;width:92%; margin:0 auto; padding:20px 0;}
.Linkws ul li { display:inline; width:47%; line-height:35px; padding-left:10px; border:1px solid #dfdfdf; margin:0 0 10px 0; background:url(../img/main/linkws_dot.gif) right center no-repeat;}
.Linkws ul li:nth-child(odd) {}
.Linkws ul li:nth-child(even) {}
.bannerzone { display:none;}
.data { display:none;}
.banner { display:none;}
.schedule { display:none;}
#footer { padding:20px 0;}
#footer .m_foot { width:95%; margin:0 auto; display:block; height:30px;}
#footer .m_foot li { float:left; width:19.8%; text-align:center;}
#footer .m_foot li:first-child { float:left; width:19.8%; margin-right:1px;}
#footer .m_foot li:last-child { width:59.8%;float:right;}
#footer .m_foot a { display:block; width:100%; text-shadow:0 1px 0 #222; border-radius:3px; color:#fff; font-size:11px; background-color:#333; font-weight:normal; padding:3px 0;}
#footer .copy_sns { position:static; width:95%; margin:0 auto; padding:4px 0; height:25px; margin-bottom:10px;}
#footer .copy_sns dt { float:left; padding:0 0 0 10px; line-height:20px;}
#footer .copy_sns dd { float:right; padding-right:10px;}
#footer p { width:95%; margin:0 auto; text-align:center;}
#footer address { width:95%; margin:0 auto; font-style:normal; line-height:18px; text-align:center; clear:both;}
#footer .bottommenu { display:none;}
#footer .copylogo { display:none;}
}
@media screen and (max-width:640px) {
.gallery ul li p { position:relative; float:left; width:45%;}
.gallery ul li p img { width:200px; height:98px;}
.gallery ul li dl { float:left; width:auto; text-align:center; clear:both;}
.gallery ul li dl dt {color:#343434; font-weight:normal; padding-top:10px;}
.gallery ul li dl dd { display:none;}
.gallery .date { display:none;}
.Linkws ul li { display:inline; width:46%; line-height:35px; padding-left:10px; border:1px solid #dfdfdf; margin:0 0 10px 0; background:url(../img/main/linkws_dot.gif) right center no-repeat;}
}
@media screen and (max-width:320px) {
#header .logo { position:absolute; top:3px; left:0; width:100%; padding:10px; text-align:center;}
#header .logo img { width:110px; height:auto;}
#header .logo span { font-size:13px; line-height:21px;}
#mainvisual { position:absolute; left:0; top:52px; width:100%;}
#mainvisual .elementbox { width:100%; height:150px; margin:0 auto; background:url(../img/main/main_bg1.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#mainvisual .elementbox .maintext { display:none;}
#contwrap { position:relative; float:left; width:100%; margin-top:150px; background:none;}
.gallery ul li p { position:relative; float:left; width:45%;}
.gallery ul li p img { width:102px; height:98px;}
.gallery ul li dl dt {color:#343434; font-size:12px; font-weight:normal; padding-top:10px;}
.Linkws ul li { display:inline; width:45%; line-height:35px; padding-left:10px; border:1px solid #dfdfdf; margin:0 0 10px 0; background:url(../img/main/linkws_dot.gif) right center no-repeat;}
#footer { font-size:11px;}
}