/* main */

body{font-size:15px !important;line-height:1.5em!important}

#headerWrap { width:100%;  }
#header { width:1140px; margin:0 auto; position:relative; height:100px; }
h1.logo { padding-top:25px; text-align:center; }
.weather { position:absolute; top:13px; left:0; }
.search { position:absolute; top:35px; right:0; }

/* header */
.headbox {width:100%;height:60px;position:relative;overflow:hidden;background: #4e5a7e url(/images/media/topmenu_bg.gif) repeat-x 0 top;z-index:100;}

.headbox .gnb_main { position:relative; z-index:1;  width:1140px; }
.headbox .gnb_main ul {position:absolute;top:60px;left:0;/* background: #000; */}
.headbox .header { width:980px; margin:0 auto; height:50px; }
.headbox .header ul.gnb_main li{ float:left; padding:20px 30px; }
.headbox .header ul.gnb_main > li { float:left; }
.headbox .header ul.gnb_main > li a { color:#fff; font-size:18px; font-weight:600;} 
.headbox .header ul.gnb_main > li > ul > li { padding:15px 18px;  }
.headbox .header ul.gnb_main > li > ul > li a { font-size:15px; }
.headbox .header ul.gnb_main .sub1 {margin-left:10px; display:inline-block; } 
.headbox .header ul.gnb_main .sub1 span {position:absolute; top:-20px; left:50px;display:inline-block; }
.headbox .header ul.gnb_main .sub2 {margin-left: 140px;display:inline-block;}
.headbox .header ul.gnb_main .sub2 span {position:absolute; top:-15px; left:200px;display:inline-block; }
.headbox .header ul.gnb_main .sub3 {margin-left: 555px;display:inline-block;} 
.headbox .header ul.gnb_main .sub3 span {position:absolute; top:-15px; left:50px;display:inline-block; }

.headbox .subbox ul{position:relative; padding-top:9px; }
.headbox .subbox ul li{ float:left; margin-right:20px; }

#containerWrap { width:100%; background:#f5f5f5; }
#container { width:1140px; margin:0 auto; background:#fff; padding:30px; }
.contents01 { border:1px solid #ddd; padding:20px; }
.main { position:relative; width:600px; height:380px; float:left; }
.main > .txt_box a { background:rgba(21, 33, 65, 0.7); display:block; width:560px; color:#fff; position:absolute; bottom:0; padding:30px 20px; font-size:26px; font-weight:600; }
.main > .txt_box > a > .txt { display:block; font-size:14px; font-weight:400; margin-top:15px; }
.main > .txt_box > a:hover .txt { text-decoration:underline; }


/* 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼녳�쇒꺿�싀궰련꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰� 횄�창��씹꺿�싀궰ッ꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼™궗�씳꺿�싀궰걘꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰� 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼끒≥꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰� */
.category { color:#fff; font-size:13px; letter-spacing:-0.5px; display:inline-block; padding:6px 10px; position:absolute; top:0; left:0; }
.category02 { color:#fff; font-size:13px; letter-spacing:-0.5px; display:inline-block; padding:6px 10px; position:absolute; top:20px; left:20px; }
.pink { background:#ee3a85; }
.orange { background:#ff6600; }
.mint { background:#07a291; }
.green { background:#55b001; }
.blue { background:#027ae2; }


.main_list { float:right; width:470px; }
.main_list div { margin-bottom:20px; }
.main_list div:last-child { margin-bottom:0; }
.main_list p { width:285px; float:right; margin-top:0px; }
.main_list a:hover p { text-decoration:underline; }
.main_list .tit { font-size:16px; font-weight:600; display:block; margin-bottom:5px; }

.contents02 { margin-top:40px; }
.box01 { float:left; width:750px; }
.list_box { border:1px solid #ddd; width:318px; padding:20px 20px 10px 20px; float:left; position:relative; }
.list_box .txt { margin-top:20px; }
.blackbox { background:#333; color:#fff; font-size:16px; font-weight:600; text-align:center; padding:10px 0; }
.list_box > a:hover .txt { text-decoration:underline; }
.list_box > ul { margin-top:20px; }
.list_box > ul > li { font-size:13px; font-weight:600; color:#333; border-bottom:1px solid #f1f1f1; padding:10px 0 10px 7px; background:url(/images/media/bullet.gif) no-repeat left center; }
.list_box > ul > li:last-child { border-bottom:0; }

.life_edu { border:1px solid #ddd; width:688px; padding:20px 30px; float:left; margin-top:22px; }
.life_edu p { color:#4d609c; font-size:15px; font-weight:600; background:url(../images/arrow_life_edu.gif) no-repeat 40px center; border-bottom:1px solid #4d609c; padding-bottom:5px; margin-bottom:10px; }
.life_edu > div { width:320px; }
.life {}
.life > li { padding:9px 0; }
.life > li:last-child { border-top:1px solid #ddd; }
.life img { margin-right:10px; }
.edu {}
.edu > li { padding:7px 0; border-bottom:1px solid #ddd; }
.edu > li:last-child { padding-bottom:0; border-bottom:0; }


.box02 { float:right; width:360px; }
.pdf {color:#333;font-size:15px;font-weight:600;text-align:center;height:65px;background: url(/images/media/banner_pdf.jpg) no-repeat;padding-top:25px;}
.pdf .bolder { font-size:18px; font-weight:600; display:block; margin-top:5px; }
.quiz { margin:10px 0; }
.con_purple { background:#ebedf5; border:1px solid #bfc9e5; padding:20px; }
.con_purple .tit { font-size:15px; font-weight:600; color:#2c407f; float:left; }
.con_purple .more { float:right; margin-bottom:15px; background:url(/images/media/arrow_more.png) no-repeat right center; padding-right:10px; }
.monthly { margin-bottom:30px; }
.notice { margin-bottom:30px; }
.notice > ul > li { padding:8px 0; border-bottom:1px solid #dedede; }
.notice > ul > li:last-child { border-bottom:0; padding-bottom:0; }
.notice > ul > li > a > span { float:right; }
.banner { margin-bottom:30px; }
.banner > li { float:left; }
.manpyung { margin-bottom:30px; }

/*Quiz-event*/
.bg1 { background:#2e3a4c; color:#fff;}
.bg1 .tit { font-size:22px; font-weight:600;  }
.Quiz-event { border-top:1px dashed #ddd; margin-top:20px; }
.Quiz-event li { width:50%; float:left; }
.Quiz-event li dt { background:#448c3f; color:#fff; text-align:center; }
.Quiz-event li dd { border:1px solid #ddd; min-height:150px; padding:20px; }

#footer .wa_mark { display:inline-block; position:absolute; right:65px; bottom:0;}
.foot_bottom .footer_info p.notice { padding-right:170px;}

#footer { border-top:1px solid #dbdbdb; }

.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.img_comn {background-image:url(/images/media/img_comn.png);background-repeat:no-repeat}
.inner { position:relative; z-index:10; width:1200px; margin:0 auto; }

/* 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼궰뤓꺿�싀궰늘꺠뮼궰�꺿�싀궰올꺿�싀궰� 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰시꺠뮼궰�꺿�싀궰올꺿�싀궰� */
#foot_banner {overflow:hidden;position:relative; height:70px; width:1200px; margin:20px auto; }

#foot_banner h3 { position:absolute; top:27px; left:0px; }
#foot_banner .fb_box {position:absolute; width:1100px; height:44px;margin:15px 0 0 145px;;overflow:hidden}
#slider_foot_banner {position:absolute; width:1080px; }
#slider_foot_banner li {float:left;}
#foot_banner .control {position:absolute;top:27px;left:170px;width:60px;}
#foot_banner .control button, #foot_banner .control a {position:absolute;width:24px;height:24px}
#foot_banner .control .btn_prev {top:0;left:0;background-position:0 -146px}
#foot_banner .control .btn_prev:hover, #foot_banner .control .btn_prev:active, #foot_banner .control .btn_prev:focus {background-position:0 -176px;z-index:1}
#foot_banner .control .btn_next {top:0;left:23px;background-position:0 -206px}
#foot_banner .control .btn_next:hover, #foot_banner .control .btn_next:active, #foot_banner .control .btn_next:focus {background-position:0 -236px;z-index:1}
#foot_banner .control .btn_more {top:0px;left:46px;background-position:0 -266px}
#foot_banner .control .btn_more:hover, #foot_banner .control .btn_more:active, #foot_banner .control .btn_more:focus {background-position:0 -296px;z-index:1}
#foot_banner .control .btn_stop {top:0px;left:69px;background-position:0 -326px}
#foot_banner .control .btn_stop:hover, #foot_banner .control .btn_stop:active, #foot_banner .control .btn_stop:focus {background-position:0 -356px;z-index:1}
#foot_banner .control .btn_play {display:none;top:0px;left:69px;background-position:0 -386px}
#foot_banner .control .btn_play:hover, #foot_banner .control .btn_play:active, #foot_banner .control .btn_play:focus {background-position:0 -416px;z-index:1}



.footer_navi{margin-bottom:5px;}
.footer_navi a:first-child{background:none; margin-left:0; padding-lefT:0;}
.footer_navi a{margin:0 0 0 12px;padding:0 0 0 17px;background:url(/images/portal/common/foot_bar.png) no-repeat; color:#555;}
.foot_logo { padding-bottom:30px; }



/* 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼궰뤓꺿�싀궰늘꺠뮼궰�꺿�싀궰올꺿�싀궰� 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼끒씹꺿�싀궰늘꺠뮼궰�꺿�싀궰올꺿�싀궰� */
#foot_menus {position:relative;height:46px;border:1px solid #dbdbdb;border-width:1px 0;/* background:#fff; */z-index:999;margin-top: -1px;}
.foot_menus > li {float:left;position:relative;width:300px;}
.foot_menus > li > button {position:relative;display:block;width:100%;height:47px;padding-left:30px;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background:#fff url('/images/media/foot_menu_arrow.png') 260px center no-repeat;text-align:left;line-height:48px;text-decoration:none;}
.foot_menus > li:first-child > button {border-left:1px solid #dbdbdb;}
.foot_menus > li.active > button {background:#fff url('/images/media/foot_menu_arrow2.png') 260px center no-repeat;}
.foot_menus  div {display:none;position:absolute;left:-1px;right:0;padding-bottom:1px;border:1px solid #cfcfcf;border-bottom:0;background:#fff;}
.foot_menus .fm_1 {top: -229px;height: 214px;padding-top:12px;}
.foot_menus .fm_2 {top: -258px;height: 243px;padding-top:12px;}
.foot_menus .fm_3 {top: -324px;height: 294px;padding-top:27px;}
.foot_menus .fm_4 {top: -125px;height: 101px;padding-top:21px;}

.foot_menus ul .col2 {float:left;width:48%}

.foot_menus ul .clear {clear:both}
.foot_menus ul li a {display:block;padding-left:23px; font-size:14px; background-position:30px -599px;line-height:2}


.foot_menus ul li a:hover, .foot_menus ul li a:active, .foot_menus ul li a:focus {color:#22aeb3}
.foot_menus .close {position:absolute;top:-1px;right:-1px;width:30px;height:30px;background-color:#37383a;background-position:50% -105px; }
.foot_menus .close:hover, .foot_menus .close:active, .foot_menus .close:focus {background-color:#36bfc4}

/*qr횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼끒≥꺿�싀궰돤꺠뮼궰�꺿�싀궰올꺿�싀궰� 횄�횂짱횄�싀궰올꺿�싀궰시꺠뮼끒맡꺿�싀궰걘꺠뮼궰�꺿�싀궰올꺿�싀궰�*/
.qrcode { float: right; }

#foot_info { padding:26px 0 40px; }
#foot_info .inner {position:relative}
#foot_info address{font-size:13px; color:#999;}
.foot_logo {width:181px;height:44px;margin:0px 36px 0 0px; float:left;}
.copyright {font-size:13px; margin-top:1px;color:#a7a7a7; }


/*
@media only screen and (max-width:970px) {


	#foot_banner { display:none; }
	#foot_menus { clear:both; border:0px solid #dbdbdb; border-width:0; height:100%;}
	#foot_menus .foot_menus > li  { float:none; width:100%; border-bottom:1px solid #dbdbdb; background:#ebebeb; }
	#foot_menus .foot_menus > li > button { border-right:0px solid #dbdbdb; background-position:95% 20px; }
	#foot_menus .foot_menus > li:first-child > button { border-left:0px solid #dbdbdb; }
	
	#foot_info { padding:20px; }
}

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


}
*/

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

	#container{max-width: 1140px;width: calc(100% - 60px);}
	.inner{max-width:1200px;width:100%}
	#header{max-width:1140px;width:100%}

	#footer{max-width:1140px;width:100%}
	.foot_menus > li{width:25%}
	.foot_menus > li > button{;margin: 0;}
	
}

@media only screen and (max-width:1200px){
	.main{float:none;margin:10px auto;width: auto;display: block;max-width: 600px;}
	.main_list{float:none;margin:10px auto;max-width:600px;width:100%}
	.main_list p{width:calc(100% - 180px)}
	.box01{width:100%;overflow: hidden;}
	.list_box{width: calc(50% - 58px);min-height: 580px;}
	.list_box a img{display:block;margin:0 auto}
	.life_edu{width: calc(100% - 63px);overflow: hidden;}
	.life_edu > div{width:49%}
	.box02{float:none;width:100%;margin:30px 0 0 0;float: left;}
	.pdf{width:360px;float:left;height: 65px;}
	.quiz{width:360px;float:left;height: 90px;margin: 0;}
	.con_purple{clear:both;margin-top: 118px;position: relative;}
	.con_purple .tit{/* height:100px */float: none;margin-bottom: 15px;}
	.con_purple .more{position:absolute;top: 0;right: 0;}
	.monthly{width:318px;margin:0 auto;position: relative;}
	.banner{width:318px;margin:0 auto}
	.manpyung{width:318px;margin:0 auto;margin-top:30px;position: relative;}
	.tobaki{width:318px;margin:0 auto;margin-top:30px;position:relative}
}

@media only screen and (max-width:980px){
	.headbox, .headbox .gnb_main{max-width:980px;width:100%}
	.headbox .header{/* max-width:980px; */width:100%;}
	.headbox .header ul.gnb_main > li{padding: 20px 0;width: 12.5%;text-align:center}
}


@media only screen and (max-width:800px){
	.weather, .search{display:none}
	.list_box{float:none;margin:0 auto;margin-bottom:30px;/* margin-right: 0 !important; */width: 318px;}
	.list_box.mr30{margin: auto !important;margin-bottom: 30px !important;}
	.life_edu > div{float:none;width:100%}
	.pdf, .quiz{float:none;display:block;margin:0 auto;margin-bottom:30px}
	.con_purple{margin-top:0}
	.main img{width:100% !important;height: auto !important;}
	.main > .txt_box a{width:auto;font-size: 19px;}
	.qrcode{display: none;}
	.foot_logo{display:none}
	#foot_info{padding-left:20px}
	#foot_menus{display:none}
}

@media only screen and (max-width:750px){
	.headbox,#header{display:none}

}

@media only screen and (max-width:500px){
	.main_list{margin-top:30px}
	.main_list p{float:none;width:100%}
	.main_list div a img{display:block;margin-bottom:20px}
}