@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;}
form { margin:0; padding:0; border:0;}
ul, li, ol, dl, dt, dd, p, em { list-style:none; margin:0; padding: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%; line-height:18px;}
#Wrap .container { position:relative; width:1000px; margin:0 auto; }
#header { position:relative; float:left; width:100%; height:115px; background-color:white; box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.1); z-index:100;}
#header .topmenu { position:relative; float:left; width:100%; height:30px; background-color:#0e3060;}
#header .topmenu ul { float:right;}
#header .topmenu ul li { float:left; width:auto; height:30px; margin-left:15px; letter-spacing:0; line-height:26px; font-size:11px;}
#header .topmenu ul li a { color:#A2B1C2; font-weight:normal;}
#header .topmenu .woosuk { padding:0 15px; background-color:#0183a2;}
#header .topmenu .woosuk a { color:#D5D7DA; letter-spacing:-1px; font-weight:bold;}
#header .logo { position:relative; float:left; width:25%; padding-top:10px;left:-85px;/*padding-top:25px;*/}
#header .logo span { font-size:16px; vertical-align:top; line-height:29px; font-weight:bold; color:#333;}
#header .menulist { position:relative; float:right; width:75%;}
#header .menulist ul { position:relative; float:right; padding-top:35px;}
#header .menulist ul li { float:left; width:auto; padding-left:18px; 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:-60px; top:85px; width: 790px; height:32px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb2 ul { position:absolute; left:20px; top:85px; width:407px; height:32px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb3 ul { position:absolute; left:58px; top:85px; width:414px; height:32px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb4 ul { position:absolute; left:116px; top:85px; width:640px!important; height:32px; padding-top:0; background-color:#054ba8; z-index:15; }
#header .menulist .gnb5 ul { position:absolute; right: 97px; top:85px; width: 399px; height:32px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb6 ul { position:absolute; right: 74px; top:85px; width: 289px; height:32px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb7 ul { position:absolute; right:0; top:85px; width:auto; height:55px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist .gnb8 ul { position:absolute; right:0; top:85px; width:328px; height:55px; padding-top:0; background-color:#054ba8; z-index:15;}
#header .menulist ul li ul li { position:relative; float:left; padding:0; margin:0 10px; width:auto; font-size:12px; z-index:12; line-height:27px;}
#header .menulist ul li ul li a { font-weight:normal; color:#C8D0E4;}
#header .menulist ul li ul li a:hover { color:#fff;}
#header .menulist .sub { display:none}
#header .menulist ul li .gnbActive a { color:#fff;font-weight:bold;}
#header .menulist ul .subbg ul { width:auto!important;}
#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; }
#billboard { position:absolute; left:0; top:115px; width:100%; height:123px; border-top:1px solid #DCEDF3; background:#F3F8FC url(../img/sub_bg.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { font-size:22px; color:#00295f; line-height:1.2; letter-spacing:-3px; margin:44px 0 0 60px;}
#billboard p span { color:#0448C1;}
#billboard p.wotxt { font-size:22px; color:#00295f; line-height:1.2; letter-spacing:-3px; margin:5px 0 0 60px;}
#contwrap { position:relative; float:left; width:100%; margin-top:124px;}
.titleroad { position:relative; float:left; width:100%; background-color:#fbfbfb; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:33px;}
.titleroad .Position { float:left; line-height:30px;}
.titleroad .Position img { vertical-align:middle; margin-bottom:2px;}
#Leftbox { position:relative; float:left; width:200px; margin-right:40px; margin-top:60px; margin-bottom:50px;}
#Leftbox .menutitle { font-size:23px; height:75px; font-weight:normal; background:#0183a2; line-height:70px;color:#fff; text-align:center; letter-spacing:-2px;}
#Leftbox .leftmenu { border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#Leftbox .leftmenu ul li a { width:178px; font-size:14px; display:inline-block; line-height:43px; border-bottom:1px solid #ddd; padding-left:20px;}
#Leftbox .leftmenu .sidebarActive a { color:#266fcc; font-weight:bold; background:#f8f8f8 url(../img/submenu_dot.png) 180px center no-repeat;}
#Leftbox .leftmenu li ul { padding:5px 0; border-bottom:1px solid #dfdfdf;}
#Leftbox .leftmenu li ul li { display:inline-block; }
#Leftbox .leftmenu li ul li:last-child { }
#Leftbox .leftmenu li ul li a:hover { text-decoration:none; color:#266fcc;}
#Leftbox .leftmenu li ul li a,
#Leftbox .leftmenu .sidebarActive ul li a { font-size:12px; width:150px; margin-left:22px; font-weight: normal; color:#666; background:url(../img/sidebar_dot.gif) no-repeat left 14px; padding-left:10px; border-bottom:0; line-height:25px;}
#Leftbox .leftmenu .sidebarActive ul .sidebarActive a { color: #266fcc;}
#Leftbox .leftmenu .sidebarSub { }
#Leftbox .link-btn h4 { margin:20px 0 0 0; line-height:40px; font-size:14px; padding-left:20px; background-color:#444; color:#fff;}
#Leftbox .link-btn ul { display:inline-block; border-left:1px solid #ddd;}
#Leftbox .link-btn ul li { float:left; width:50%; }
#Leftbox .link-btn ul li a { display:inline-block; width:100%;line-height:35px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;letter-spacing:-1px; text-align:center; font-size:12px; background-color:#f8f8f8;}
#Start { float:left; width:750px; margin-top:60px;}
#Start .Subtitle { float:left; font-size:25px; margin-bottom:50px; font-weight:normal; color:#343434;}
#Start .contents { float:left; width:100%; line-height:23px; margin-bottom:50px;}
#Start .lbox{ float:left; width:48%;}
#Start .rbox{ float:right; width:48%;}
#Start .fsize01{ font-size:20px;line-height:30px; letter-spacing:-1px; }
#Start .fsize02{ font-size:17px;line-height:25px; }
#Start .fsize03{ font-size:16px;}
#Start .fsize04{ font-size:15px; }
#Start .fsize05{ font-size:14px;}
#Start .fcolor01{ color:#0e77e6}
#Start .fcolor011{ color:red}
#Start .enter{ margin-bottom:30px;}
#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;}
#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;}
.sitemap { clear:both; height:640px;}
.sitemap ul li { width:30%; height:360px; float:left; margin-right:15px; margin-top:30px;}
.sitemap ul li a { font-size:15px; font-weight:bold; width:100%; background-color:#EEF0F7;border:1px solid #c3c7d5; border-radius:10px 0 10px 0; color: #06C; display:inline-block; text-align:center; line-height:45px;}
.sitemap ul li ul li { width:100%; height:auto; clear:both; border-bottom:1px dotted #dfdfdf; margin:0;}
.sitemap ul li ul li a { font-size:13px; font-weight:normal; background:none; color:#555; text-align:left; padding:0 10px; line-height:40px; border:0;}
.sitemap ul li ul li ul { border-top:0;}
.sitemap ul li ul li ul li { border-bottom:0; background-color:#f8f8f8; margin:0;}
.sitemap ul li ul li ul li a { font-size:11px; color:#888; line-height:25px;}
.third_tab{display:none;}
/*
.third_tab {margin-bottom: 20px; position:relative;}
.third_tab ul.tabs{ margin:0 auto; text-align: center; height:48px; }
.third_tab ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.third_tab ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.third_tab ul.tabs li.active{ background:#0183a2 url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.third_tab ul.tabs li:hover{background: #0183a2 url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.third_tab ul.tabs li a{ display:block; width:100%; height:100%; }
.third_tab ul.tabs .active a{color:white;}
.third_tab ul.tabs li {width:20%; text-align:center }
*/
/* 추가 */
.mo_img{ width:100%;}
.font_name{ font-size:14px; color:#333; font-weight:bold;}
.font_name strong{ font-size:18px;}
/*졸업후 진로*/
.ooedu dl { padding-bottom:30px; }
.ooedu dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat; }
.ooedu dl dd { padding:0 0 0 16px; }
.ooedu ul li { list-style:disc; margin-left:20px; }
/*교과목소개*/
.subject dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 7px no-repeat;}
.subject dl dd { padding:0 0 0 16px;}
.subject dl {padding-bottom:20px;}
.A1000 h3 { font-size:18px; color:#0548A1; font-weight:normal; padding-bottom:25px;}
.A1000 dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.png) left 5px no-repeat;}
.A1000 dl dd {padding:10px 0 0 16px;}
/*학과소개A1000 (19.05.30)추가*/
.goal{font-size: 16px; font-weight: bold;}
.goal_img{ margin-top: 27px;}
.goal_img img{width:1000px;}
@media (max-width:1000px){
.goal_img img{width:100%;}
}
/*학과소개AA100 */
.dept_intro{margin-bottom:40px!important;}
.dept_intro dt span{color:#222;}
.dept_intro dt span b{color:#0548a1;}
@media only all and (max-width:740px){
.A1000 .enter img{width:100%;}
}
/*교육시설AB000*/
.AB000_wrap dl+dl{margin-top:40px; }
.AB000_wrap dl dd{margin-bottom:5px!important;}
/*교과과정표A2000 (19.05.30)추가*/
.container-fluid li dl dt { float:left; font-size:14px; color:#0548A1; margin-right:15px; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.title{ margin-bottom: 9px;}
/*졸업후진로A3000 (19.05.30)추가*/
.A3000{width:100%; text-align:center;}
/*완료*/
.A3000 dl { padding-bottom:25px;}
.A3000 dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A3000 dl dd {padding:10px 0 0 16px;}
.A4000 dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A4000 dl dd {padding:10px 0 0 16px;}
.A4000 ul li { padding-left:12px; padding-bottom:10px; background:url(../img/btn_dott.gif) left 13px no-repeat ;}
.A4000 ul {padding-bottom:20px;}
.A4000tb {width:100%;}
.A4000tb th {background-color:#eee;}
.A4000tb th, .A4000tb td {border:1px solid #ccc; font-size:12px; padding:3px; text-align:center }
.A5000 { position:relative; float:left; width:100%;}
.A5000 li { padding-bottom:30px;}
.A5000 li dl dt { float:left; font-size:14px; color:#0548A1; margin-right:15px; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.A5000 li dl dd ul { border:1px solid #dfdfdf; border-radius:5px; background-color:#f7f9fe; padding:10px 20px; display:inline-block;}
.A5000 li dl dd ul li { padding:10px 0;}
.A5000 li dl dd ul li strong { color:#343434; font-weight:normal;}
.A5000 .btn a { float:right; color:#fff; font-weight:bold; padding:7px 20px; background-color:#1f4787; display:inline-block;}
.A5000 .reset { float:left; width:100%; clear:both; padding-bottom:10px;}
.A5000 .txt_color a { color:#343434;}
.A5000tb {width:100%;border-collapse:collapse;table-layout:fixed; clear:both;}
.A5000tb th {background-color:#eee;}
.A5000tb th, .A5000tb td {border:1px solid #ccc; width:25%;font-size:12px; padding:5px;}
.A5000tb ul li {font-size:12px;}
.B2000 li strong { font-size:14px; color:#0548A1; padding:0 0 10px 18px; font-weight:normal; display:inline-block; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.B2000 li span { font-size:14px; color:#343434;}
.B2000 li ul { margin-left:20px;}
.B2000 li dl dt { float:left; font-weight:bold; margin-right:10px;}
/* 추가 */
/*중고교연계프로그램*/
.program { }
.program ul li { padding-bottom:20px;}
.program ul li dl { padding:10px 0;}
.program ul li dl dt { font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 7px no-repeat;}
.program ul li dl dd { padding-left:18px;}
.program ul li dl dd strong { font-weight:normal; color:#0E77EE;}
.program ul li dl dd dl { padding-bottom:5px;}
.program ul li dl dd dl dt { font-size:13px; font-weight:normal; color:#0E77EE; padding:0; background:none;}
.program ul li dl dd dl dd { padding:0;}
.program .tbstyle { width:100%;border-collapse:collapse;table-layout:fixed; clear:both; margin-top:15px;}
.program .tbstyle caption { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;}
.program .tbstyle th { background-color:#eee;}
.program .tbstyle th { border:1px solid #ccc; border-bottom:0; font-size:12px; text-align: center}
.program .tbstyle td { border:1px solid #ccc; font-size:12px; text-align: center; vertical-align:middle;}
.program .tbstyle .txt { text-align:left; padding-left:10px;}
/*찾아오시는길*/
.A6000tb {width:100%;border-collapse:collapse;table-layout:fixed; clear:both;}
.A6000tb th {background-color:#eee;}
.A6000tb th, .A6000tb td {border:1px solid #ccc; width:25%;font-size:12px; text-align: center}
.A6000tb ul li {font-size:12px;}
/*개인정보처리방침&이용약관*/
.stipul_box .stipul_txt{ border:1px solid #dfdfdf; border-radius:5px; background-color:#f7f9fe; padding:10px 20px; display:inline-block;}
.stipul_box p strong{ padding-left:10px;border-top:1px solid #666; border-bottom:1px solid #ccc; display:block; background-color:#f8f8f8; line-height:40px; margin:20px 0;}
.stipul_box .stipul_con{ height:300px; overflow-y:scroll; margin-bottom:30px; border:1px solid #dfdfdf; padding:20px;}
.stipul_box .stipul_con h3{ background:url(../img/btn_dot.gif) left 7px no-repeat; padding-left:20px;font-weight:bold; color:#06C; font-size:14px; margin-bottom:20px;}
.stipul_box .stipul_con p, .stipul_box .stipul_con ul{ margin-bottom:20px;}
.stipul_box .stipul_con dt{ font-weight: bold;}
/*신입생*/
.C1000_new{ width: 98%;; border-collapse: collapse; table-layout: fixed; clear: both; margin-left: 9px;}
.C1000_new th{ border: 1px solid #ccc; font-size: 13px; text-align: center; vertical-align: middle; background-color: #e8eefa; padding: 1% 0; color: #0066CC;}
.C1000_new td { border: 1px solid #ccc; font-size: 12px; text-align: center; vertical-align: middle; padding: 7px;}
.C1000 .nn{margin-bottom:4px;}
.C1000 .C1000_new .C1000_txt {text-align: left; padding-left: 10px; vertical-align: top;}
.C1000_B{ background-color: #F1F4FB;}
.C1000 .C1000_new .C1000_C { background-color: #e8e0f8; border: 1px solid #ccc; color:#693bc7;}
.C1000 .C1000_new .C1000_S{font-size:14px; font-weight:bold; background-color: #f5f5f5;}
.C1000 .C1000_new .C1000_Ss{font-size:14px; font-weight:bold;}
/*.C1000_txts{font-size:11px; line-height:20px; letter-spacing:4px; }*/
.C1000 {clear:both;}
.C1000 dl dt { margin-top: 25px;font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.C1000 dl dd {padding:10px 0 0 16px; margin-bottom: 30px;}
.C1000_BUT{clear: both; margin: 0 auto; margin-top: 20px; text-align: center; width: 200px; height: 25px; padding: 8px; background-color: #999999; color: #fff; margin-bottom: 85px;}
.C1000_BUT a{margin: 0; padding: 0; text-decoration: none; color: #ffffff; font-size: 100%; vertical-align: baseline; background: transparent;}
/*신입생*/
.D1000_new{ width: 98%;; border-collapse: collapse; table-layout: fixed; clear: both; margin-left: 9px;}
.D1000_new th{ border: 1px solid #ccc; font-size: 13px; text-align: center; vertical-align: middle; background-color: #e8eefa; padding: 1% 0; color: #0066CC;}
.D1000_new td { border: 1px solid #ccc; font-size: 12px; text-align: center; vertical-align: middle; padding: 7px;}
.D1000 .nn{margin-bottom:4px;}
.D1000 .D1000_new .D1000_txt {text-align: left; padding-left: 10px; vertical-align: top;}
.D1000 .retxt {color:#f52015;}
.D1000 .bltxt {color:blue;}
.D1000_B{ background-color: #F1F4FB;}
.D1000 .D1000_new .D1000_C { background-color: #e8e0f8; border: 1px solid #ccc; color:#693bc7;}
.D1000 .D1000_new .D1000_S{font-size:14px; font-weight:bold; background-color: #f5f5f5;}
.D1000 .D1000_new .D1000_Ss{font-size:14px; font-weight:bold;}
/*.D1000_txts{font-size:11px; line-height:20px; letter-spacing:4px; }*/
.D1000 {clear:both;}
.D1000 dl dt { margin-top: 25px;font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.D1000 dl dd {padding:10px 0 0 16px; margin-bottom: 30px;}
.D1000_BUT{clear: both; margin: 0 auto; margin-top: 20px; text-align: center; width: 200px; height: 25px; padding: 8px; background-color: #999999; color: #fff; margin-bottom: 85px;}
.D1000_BUT a{margin: 0; padding: 0; text-decoration: none; color: #ffffff; font-size: 100%; vertical-align: baseline; background: transparent;}
/*입학안내*/
.H0000_chart li dl .else{color:#f41616;}
.H0000 {clear:both; text-align: center; margin-bottom: 0;}
.H0000 dl dt { margin-top: 25px;font-size:14px; font-weight:bold; color:#0548A1; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat; text-align:left;}
.H0000 dl dd {padding:10px 0 0 16px; margin-bottom: 30px; text-align:left;}
.H0000 dl dd ul li{ margin-bottom: 3px; text-indent: -130px; padding-left: 130px; }
.H0000 dl dd ul li b{ display: inline-block; float: left; margin-right: 5px; width: 120px; line-height: 27px; text-indent: 0; text-align: center; background: #f5f5f5; border: 1px solid #dfdfdf; }
.H0000 dl dd ul.bulletli li{ margin-left: 10px; list-style-type: square; }
.H0000_chart .red_pen {color:red;}
.H0000_chart li { float:left; width:50%; text-align:center;}
.H0000_chart li P { padding-top:3%;}
.H0000_chart li dl { width:95%; margin:0 auto; padding:0 0 3% 0;}
.H0000_chart li dl dt {border: 2px solid #ffffff;font-size:14px;padding:1% 0;font-weight:bold;color:#0066CC;background-color:#e8eefa;border-radius:5px 5px 0 0;}
.H0000_chart li dl dd { width:99.5%; padding:2% 0; text-align:center; background-color: #F1F4FB; border-radius:0; display:inline-block;}
.H0000_chart li dl dd ul { width:95%; margin:0 auto; }
.H0000_chart li dl dd ul li { width:90%; text-align:left; margin-left:5%;}
.H0000_chart .linebox { width:97.5%; margin-left:1.3%; padding:2% 0; background-color:#1A5AA9; clear:both;}
.H0000_chart .linebox strong { font-size:16px; color:#fff; font-weight:normal;}
.heading { font-size: 15px; line-height: 30px; letter-spacing: -1px; margin-bottom: 17px;}
.H0000_new{ width: 98%;; border-collapse: collapse; table-layout: fixed; clear: both; margin-left: 9px;}
.H0000_new th{ border: 2px solid #ffffff; font-size: 13px; text-align: center; background-color: #e8eefa; padding: 1% 0; color: #0066CC;}
.H0000_new td { border: 2px solid #ffffff; font-size: 12px; text-align: center; vertical-align: middle;padding: 7px; background-color: #F1F4FB;}
.H0000 .nn{margin-bottom:4px;}
.big{ font-size: 14px; padding-left: 6px; color: #f41616; font-weight: 600;}
.big_b{ font-size: 14px; padding-left: 6px; font-weight: 600;}
.small{font-size:11px;}
.nt{ padding: 10px 0 0 16px; font-size: 13px; color: #0066CC;font-weight:600;}
.H0000 dl dd.pay { margin-bottom: 0;}
@media screen and (max-width:950px) {
#Wrap { position:relative;float:left; width:100%; background:none; }
#Wrap .container { width:90%; margin:0 auto;}
#header { width:100%; margin:0 auto; height:50px; border-bottom:2px solid #0059b4;}
#header .logo { position:absolute; top:0; left:0; width:100%; padding:10px; 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;}
#billboard { position:absolute; left:0; top:52px; width:100%; height:80px; background:#f9f9f9 url(../img/sub_bg.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { font-size:17px; line-height:1.2; letter-spacing:-2px; margin:30px 0 0 0;}
#contwrap { position:relative; float:left; width:100%; margin-top:51px;}
.titleroad { position:relative; float:left; width:100%; background-color:#fbfbfb; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:30px; margin-top:30px;}
.titleroad .Position { float:left; line-height:27px; font-size:11px;}
.titleroad .Position img { vertical-align:middle; margin-bottom:2px;}
#Leftbox { display:none;}
#Start { position:relative; float:left; width:100%; margin-top:25px;}
#Start .Subtitle { font-size:20px; margin-bottom:30px; font-weight:normal; color:#343434;}
#Start .contents { float:left; width:100%; line-height:23px; margin-bottom:20px;}
#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;}
.goal{font-size: 16px; font-weight: bold;}
.goal_img{ margin-top: 27px;}
.container-fluid li dl dt { float:left; font-size:14px; color:#0548A1; margin-right:15px; padding:0 0 0 18px; background:url(../img/btn_dot.gif) left 5px no-repeat;}
.title{ margin-bottom: 9px;}
.A3000{width:100%; text-align:center;}
.contents .goal_img img{ width: 100%; }
.contents .course_img img{ width: 100%; }
.os_mac{ width: 100% !important; }
.third_tab {margin-bottom: 20px; position:relative; display:block;}
.third_tab ul.tabs{ margin:0 auto; text-align: center; height:48px; }
.third_tab ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.third_tab ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.third_tab ul.tabs li.active{ background:#0183a2 url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.third_tab ul.tabs li:hover{background: #0183a2 url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.third_tab ul.tabs li a{ display:block; width:100%; height:100%; overflow:hidden;}
.third_tab ul.tabs .active a{color:white;}
.third_tab ul.tabs li {width:20%; text-align:center }
}
@media screen and (max-width:400px) {
#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; vertical-align:top; line-height:21px; font-weight:bold; color:#333;}
#billboard { position:absolute; left:0; top:52px; width:100%; height:80px; background:#f3f8fc url(../img/subbg_m.jpg) top center no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#billboard p { font-size:14px; color:#343434; line-height:1.2; letter-spacing:-2px; margin:23px 0 0 0;}
#billboard p span { width:100%; color:#0448C1; display:inline-block;}
#Start .Subtitle { float:left; font-size:16px; font-weight:normal; color:#343434; margin:0; padding-bottom:20px;}
#footer { font-size:11px;}
}