@charset "euc-kr";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big, cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;} /* vertical-align:baseline */

/* -------------------------------------------------------------------
 * links
 * ------------------------------------------------------------------- */
a {color:inherit;text-decoration:none;cursor:pointer;}
a:focus,a:hover,a:active {color:inherit;text-decoration:none;cursor:pointer;}

ul.lnb {color:rgb(170,170,170)}
ul.lnb li {display:inline;float:left;margin:30px 0;padding:0 10px 0 20px;font-size:0.75em;background:url(../images/img_lnb_line.png) no-repeat left center}
ul.lnb li.none {background:none}
ul.lnb li a:hover {color:black}
.logo {position:relative;padding:15px 0 10px 0}

/* -------------------------------------------------------------------
 * align
 * ------------------------------------------------------------------- */
.center {margin:0 auto;}
.fl_l {float:left}
.fl_r {float:right}
.vert_top {vertical-align:top !important}
.vert_mid {vertical-align:middle !important}
.ta_l {text-align:left !important}
.ta_r {text-align:right !important}
.ta_c {text-align:center !important}
.ta_j {text-align:justify !important}
.clearfix {clear:both}
.clearfix:after{display:block;content:'';clear:both}

#inner {position:relative;display:block;width:1260px;margin:0 auto}

/* --------------------------------------------------------------------------------------
   common
-------------------------------------------------------------------------------------- */
.header {display:block;background-color:gray}
.l_title_01 {margin-top:40px;padding-bottom:20px}
.l_title_02 {margin:10px 0 25px 0;padding-bottom:30px}
.l_title_03 {margin:40px 0 25px 0;padding-bottom:20px}
.l_title_04 {margin:0;padding:0}

.h01 {height:100px;padding-top:40px;font-size:2rem;color:white;box-sizing:border-box}
.h02_v01 {font-weight:normal;font-size:1.625rem;font-family:'NanumSquare';color:white}
.h02_v01_off {color:rgb(156,167,195)}
.h02_v01_off a:hover {color:white}
.h02_v01_blue {color:rgb(56,62,100)}
.h02_v02 {font-weight:normal;font-size:1.625rem;font-family:'NanumSquare';color:black}
.h02_v02_off {color:rgb(156,167,195)}
.h02_v02_off a:hover {color:black}
.h02_v02_green {color:rgb(161,161,96)}
.h02_v03_line {padding-bottom:10px;border-bottom:3px solid white;font-weight:normal;font-size:1em;color:white;text-align:center}
.h02_v03_line_off {border-bottom:1px solid white;color:rgb(156,167,195)}
.h02_v03_line_off a:hover {color: white}
.h02_v04 {font-weight:normal;color:gray}
.h02_v05,.h02_v05 a {font-weight:normal;font-size:1.25rem;font-family:'NanumSquare';color:white}
.h02_v05_off,.h02_v05_off a {color:rgb(156,167,195)}
.h02_v05_off a:hover {color:white}
.h02_v05_blue {color:rgb(56,62,100)}



/* --------------------------------------------------------------------------------------
   main
-------------------------------------------------------------------------------------- */
/*  */
.main_visual_01 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_01.png) no-repeat top center rgb(27,16,95); color:white;}
.main_visual_02 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_02.png) no-repeat top center rgb(252,192,202)}
.main_visual_03 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_03.png) no-repeat top center rgb(20,29,51)}
.main_visual_04 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_04.png) no-repeat top center rgb(20,29,51)}
.main_visual_05 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_05.png) no-repeat top center #dcbaf0}
.main_visual_06 {position:relative;min-width: 1500px;height:517px;background:url(../images/main_visual_06.jpg) no-repeat top center #004098}
.visual_title {float:right;padding-top:180px;text-align:left}
.visual_title > span {display:block}
.vs_tit01,.vs_tit02,.vs_tit03 {line-height:1.5rem;letter-spacing:-1.5pt;font-family:'NanumSquare';color:white;}
.vs_tit03 {letter-spacing:-0.5pt;}
.vs_tit01 {padding-bottom:40px;font-weight:bold;font-size:3.25rem;}
.vs_tit02 {padding-bottom:15px;font-weight:normal;font-size:2rem;}
.vs_tit03 {padding-bottom:15px;font-weight:normal;font-size:1.125rem;}

.col_170404 {color:#170404 !important;}

.contents_01,.contents_02 {display:block;overflow:hidden}
.contents_01:after,.contents_02:after,.contents_03:after {content:"";display:block;clear:both;zoom:1}
.contents_01 {background:url(../images/bgimg01.png) repeat-y center top fixed; z-index:0;}
.contents_02 {background:url(../images/bgimg02.png) repeat-y center top fixed; z-index:0;}
.contents_03 {background:url(../images/bgimg03.png) repeat-y center top fixed; z-index:0;}
.contents_04 {padding:50px 0 30px 0;background:rgb(240,240,240);text-align:center}
.footer {background:url(../images/bgimg04.png) repeat-y center top fixed}

.news {width:35%;margin-right:15px}
.banner01 {height:100%;margin:0;padding:5px;background:rgb(215,217,227)}
.epilogue {width:;padding-left:40px}
.qna_faq {width:35%}
.education {width:55%;margin:0 15px;padding:35px 0 35px 45px ;background:rgb(56,62,99)}
.message {width:35%}
.guide {}
.gallery {position:relative;margin:10px 0}
.info {width:55%;background:rgb(77,99,149);padding:55px 90px 60px 0;box-sizing:border-box}
.map {padding:40px 0 20px 70px;box-sizing:border-box}

.list_tx > strong,.list_tx > span {display:block;padding-right:20px;color:white}
.list_tx > strong {margin-bottom:10px;font-weight:normal;font-size:1rem}
.list_tx > span {font-size:0.8125rem;line-height:1rem;color:rgb(222,222,222)}
.list_tx > span a:hover {color:white}
.list_tx > span.date {margin:20px 0}
.list_tx {width:60%}
.list_img  {width:40%; margin-bottom:10px;}

.list_03 li {overflow:hidden;margin-left:5px;font-size:.8125rem;color:rgb(111,111,111)}
.list_03 li a:hover {color:black}
.list_04 li {overflow:hidden;margin-left:5px;font-size:.8125rem;color:rgb(222,222,222)}
.list_04 li a:hover {color:white}

.box_white {display:block;width:155px;height:200px;margin-right: 30px;padding-top:45px;background:white;text-align:center;box-sizing:border-box}
.box_white > strong {font-weight:normal;font-size:1.75rem;font-family:'NanumSquare';color:rgb(56,62,100)}
.box_white > span {display:block;font-size:0.875rem;line-height:1rem;padding:10px 0 20px 0}

.game_tx > strong,.game_tx > span {display:block;padding-left:20px;font-weight:normal;font-size:0.8125rem}
.game_tx > strong {color:white}
.game_tx > span {line-height:1rem;color:rgb(222,222,222)}
.game_tx > span:last-child {padding-bottom:20px}
.game_tx > strong a:hover,.game_tx > span a:hover {color:white}

.box_blue {display:block;width:200px;margin:0 15px;padding:30px 0;background:rgb(77,163,233);text-align:center;box-sizing:border-box;color:white;}
.box_blue > img {margin-bottom: 10px}
.box_blue > strong {font-weight:normal;font-size:1.75rem;font-family:'NanumSquare';color:white}

.icon {margin:30px 0 20px 0;box-sizing:border-box}
.icon ul {display:block}
.icon ul li {display:inline;padding:0 11px}

.gallery li {display:inline-block;padding:0 15px}
.photo_box {display:block;width:280px;background-color:white}
.photo_tx {padding:25px 0 18px 0}
.photo_tx strong {font-weight:normal;font-size:1.0625rem}
.photo_tx span {display:block;font-size:0.875rem;font-weight:lighter;color:rgb(146,162,173)}
.photo_tx strong a:hover,.photo_tx span a:hover {color:black}

.company,.company span,.company strong {font-weight:normal;font-size:2.125rem;line-height:3rem;font-family:'NanumSquare'}
.company {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgb(159,170,195);color:white}
.company strong {font-size:2.6875rem;color:white}
.company span {display:inline-block;;color:rgb(204,209,220)}
.information {font-weight:normal;font-size:0.8125rem;line-height:1rem;font-family:'NanumSquare';color:white}
.information strong,.information strong a{font-weight:normal;font-size:0.875rem;line-height:3rem;color:white}
.information span {display:block;color:rgb(145,156,185)}
.information strong a:hover {color:black}

.daum_map {display:block;margin-top:10px;font-size:0.875rem;font-weight:lighter;line-height:3rem;font-family: 'NotoSansKR';color:white}
.map_addr {font-family:'NanumSquare','µ¸¿ò', Dotum, sans-serif;}

.btn_01 {width:90px;padding:5px 10px;border:1px solid white;font-weight: ;font-size:0.765rem;font-family: 'NotoSansKR';color:white}
.btn_01:hover {background:rgb(232,225,216)}
.btn_01b {width:90px;padding:5px 10px;border:1px solid black;font-weight: ;font-size:0.765rem;font-family: 'NotoSansKR';color:black}
.btn_01b:hover {background:#333333; color:white;}
.btn_02 {width:110px;padding:5px 10px;font-size:0.765rem;font-family:'NotoSansKR';background-color: rgb(56,62,100);color:white}
.btn_02:hover {background:rgb(56,62,100)}
.btn_03 {width:190px;height:60px;margin:50px auto;padding-top:19px;border-radius:5px;background-color:rgb(56,62,100);box-sizing:border-box}

.edu_tbl td {padding:2px;}
.edu_tbl2 td {padding:4px 6px;}