@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&subset=korean');

body { font-family:"Noto Sans KR",'맑은 고딕', Malgun Gothic, '돋움', Dotum,'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif; }

body { -webkit-text-size-adjust:none; }

dl,ul,ol,li{list-style:none}

/* display */
.dpn{display:none !important}
.dpi{display:inline !important}
.dpb{display:block !important}
.dpin{display:inline-block !important}

/* position */
.posiR{position:relative}
.posiA{position:absolute}

/* float */
.fl{float:left !important}
.fr{float:right !important}

/* color */
.cl666{color:#666 !important}
.cl000{color:#000 !important}/* black */
.clfff{color:#fff !important}/* white */
.clf26d4f{color:#f26d4f !important}/* red orange */
.cla685eb{color:#a685eb !important}/* purple */
.cl2c9a4b{color:#2c9a4b !important}/* green */
.cl42a2e0{color:#3d93cb !important}/* blue */
.cla81010{color:#a81010 !important}/* point */
.cla84e6f{color:#84e6f8 !important}/* sky */

/* align */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.vtt{vertical-align:top !important}
.vtm{vertical-align:middle !important}
.vtb{vertical-align:bottom !important}

/* font-size */
.fs10{font-size:10px !important}
.fs11{font-size:11px !important}
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}
.fs15{font-size:15px !important}
.fs16{font-size:16px !important}
.fs17{font-size:17px !important}
.fs18{font-size:18px !important}
.fs19{font-size:19px !important}
.fs20{font-size:20px !important}
.fs22{font-size:22px !important}
.fs24{font-size:24px !important}
.fs30{font-size:30px !important}

/* font-weight */
.fwl{font-weight:lighter !important}
.fwn{font-weight:normal !important}
.fwb{font-weight:bold !important}
.fsi{font-style:italic !important}

/* margin */
.mmt2{margin-top:-2px !important}
.mmt3{margin-top:-3px !important}
.mG0{margin:0 !important}
.mG10{margin:10px !important}
.mG15{margin:15px !important}

.mT0{margin-top:0 !important}
.mT1{margin-top:1px !important}
.mT2{margin-top:2px !important}
.mT3{margin-top:3px !important}
.mT4{margin-top:4px !important}
.mT5{margin-top:5px !important}
.mT6{margin-top:6px !important}
.mT7{margin-top:7px !important}
.mT8{margin-top:8px !important}
.mT9{margin-top:9px !important}
.mT10{margin-top:10px !important}
.mT12{margin-top:12px !important}
.mT15{margin-top:15px !important}
.mT18{margin-top:18px !important}
.mT20{margin-top:20px !important}
.mT25{margin-top:25px !important}
.mT30{margin-top:30px !important}
.mT35{margin-top:35px !important}
.mT40{margin-top:40px !important}
.mT50{margin-top:50px !important}
.mT70{margin-top:70px !important}
.mT100{margin-top:100px !important}

.mR0{margin-right:0 !important}
.mR2{margin-right:2px !important}
.mR3{margin-right:3px !important}
.mR4{margin-right:4px !important}
.mR5{margin-right:5px !important}
.mR7{margin-right:7px !important}
.mR8{margin-right:8px !important}
.mR10{margin-right:10px !important}
.mR15{margin-right:15px !important}
.mR20{margin-right:20px !important}
.mR30{margin-right:30px !important}
.mR40{margin-right:40px !important}
.mR60{margin-right:60px !important}

.mL0{margin-left:0 !important}
.mL2{margin-left:2px !important}
.mL3{margin-left:3px !important}
.mL5{margin-left:5px !important}
.mL6{margin-left:6px !important}
.mL9{margin-left:9px !important}
.mL10{margin-left:10px !important}
.mL15{margin-left:15px !important}
.mL20{margin-left:20px !important}
.mL23{margin-left:23px !important}
.mL25{margin-left:25px !important}
.mL30{margin-left:30px !important}
.mL35{margin-left:35px !important}
.mL40{margin-left:40px !important}
.mL60{margin-left:60px !important}

.mB0{margin-bottom:0 !important}
.mB1{margin-bottom:1px !important}
.mB2{margin-bottom:2px !important}
.mB5{margin-bottom:5px !important}
.mB10{margin-bottom:10px !important}
.mB15{margin-bottom:15px !important}
.mB20{margin-bottom:20px !important}
.mB30{margin-bottom:30px !important}
.mB40{margin-bottom:40px !important}

/* padding */
.pD0{padding:0 !important}
.pD10{padding:10px !important}
.pD15{padding:15px !important}
.pD20{padding:20px !important}

.pT0{padding-top:0 !important}
.pT1{padding-top:1px !important}
.pT2{padding-top:2px !important}
.pT3{padding-top:3px !important}
.pT4{padding-top:4px !important}
.pT5{padding-top:5px !important}
.pT6{padding-top:6px !important}
.pT7{padding-top:7px !important}
.pT8{padding-top:8px !important}
.pT9{padding-top:9px !important}
.pT10{padding-top:10px !important}
.pT15{padding-top:15px !important}
.pT20{padding-top:20px !important}
.pT25{padding-top:25px !important}
.pT30{padding-top:30px !important}

.pR0{padding-right:0 !important}
.pR5{padding-right:5px !important}
.pR10{padding-right:10px !important}
.pR15{padding-right:15px !important}
.pR20{padding-right:20px !important}
.pR25{padding-right:25px !important}
.pR30{padding-right:30px !important}

.pL0{padding-left:0 !important}
.pL5{padding-left:5px !important}
.pL10{padding-left:10px !important}
.pL15{padding-left:15px !important}
.pL20{padding-left:20px !important}
.pL25{padding-left:25px !important}
.pL30{padding-left:30px !important}
.pL38{padding-left:38px !important}


.pB0{padding-bottom:0 !important}
.pB5{padding-bottom:5px !important}
.pB10{padding-bottom:10px !important}
.pB15{padding-bottom:15px !important}
.pB20{padding-bottom:20px !important}
.pB25{padding-bottom:25px !important}



.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}


hr, legend, .hidden, caption { display: none; }

.top_gnbBG {height:30px; border-bottom:1px solid #dcdcdc; background:#FFF;text-align:center}
.top_gnb2 {clear:both; width:1100px; margin:3px auto 0; }

.fsite2 {display:inline-block; float:left; width:400px; font-size:12px; color:#000;text-align:left; margin:0;}
.fsite2 li {float:left; padding-right:15px; padding-top:4px;}
.fsite2 li a {text-decoration:none;}

.top_login {float:right;display:inline-block;}
.top_login li {float:left; padding-left:10px;text-align:right;}
.top_login li a {text-decoration:none;font-size:12px!important }
.mgubun { color:#ebebeb;font-size:10px!important;padding-top:5px}

#topmenu_bg11 {background:url('/img/gnb_bg.png')no-repeat top center;margin-top:5px;text-align:center; }
#topmenu_bg { margin:10px 0 30px;text-align:center; background: #FFF;position: relative;border-bottom: 2px solid #000;z-index: 555;box-sizing:border-box }
#topmenu_bg:after { clear: both;content:'';display: block;height:0px;visibility: hidden;}
#topmenu { clear:both; width:1100px;margin:0 auto;}
#topmenu:after { clear: both;content:'';display: block;height:0px;visibility: hidden;}


.topmenu {float:left; width:854px;}
.topmenu ul{margin:0;padding:0;}
.topmenu li {float:left;height:44px;padding:7px 15px 0;position:relative}
.topmenu li:first-child a { padding-left:0 }
.topmenu li a { color:#000; font-size:18px;font-weight:500;padding:0 10px;display:block;text-decoration:none}
.topmenu li a:hover { color:#ffff00;}
.topmenu li.ov{padding-right:20px; padding-top:10px;}
.topmenu li.sec_s a {color:#f54c49;}
.topmenu li.event {padding-right:0; color:#f54c49;position:relative;}
.topmenu li.event a {color:#f54c49;}
.topmenu_gubun {width:16px;height:38px;background:url('/img/gu.gif')no-repeat;background-position:6px 5px;padding:0px}


.topmenu li:not(:last-of-type) a:after {
    content: "";
    width: 3px;
    height: 3px;
    background:#CCC;
    position: absolute;
    right: 0;
    top: 12px;
}


.search { width:40px;float: right;height:40px;margin-top:4px;cursor: pointer; }

.search_wrap {display:none;height:220px;width:100%;background:#f4f4f5; padding:0;position:fixed;top:0;box-sizing:border-box;border-bottom:2px solid #222;z-index:999999999999999}
.search_wrap fieldset {width:1100px;margin:0 auto;border:0;padding:0; position:relative; padding-top:70px;}
.search_wrap fieldset div { width:180px;float:left }
.search_wrap > form > fieldset > div:nth-child(2) > img { width:160px;margin-top:10px }
.search_wrap > form > fieldset > .search_close2 { padding:0;width:20px;height:20px;position:absolute;top:10px;right:-50px;z-index:1000;cursor:pointer }
.search_wrap input, .search_wrap button {border:0; font-family:inherit; font-size:1em;}
.search_wrap .search_input {padding:0 10px; width:710px; height:60px;padding-left:30px;font-size:18px;font-weight:300;box-sizing:border-box;border:0; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.search_wrap .search_btn {width:200px;height:60px; background:#022a68; font-size:18px;color:#fff; border:0;position:absolute; right:0; top:70px; font-weight:500;appearance: none;}
.search_result { font-size:15px;padding:0 0 20px;border-bottom:2px solid #ECECEC;margin-bottom:30px;font-weight:400 }
.search_result span { color:#cc0000 }
.search_tab { float:right;width:200px;background:#000;text-align:center}
.search_tab a { display:block;padding:3px;font-size:14px;color:#ffcc00 !important}
.search_tab a i { margin-left:5px;color:#ff0000}

.container_tong { position: relative;width: 1100px;margin: 40px auto 0;text-align: left; }
.container { position: relative;width: 1100px;margin: 40px auto 0;text-align: left;background: url(/nimg/bg_container.gif) repeat-y; }
.container .cont_main { position: relative; padding: 40px 0 0 0 }
.container:after {content:"";display: block;clear: both;font-size: 0;line-height: 0;height: 0; }
.container .cont_left { float: left;width:720px;text-align: justify  }
.container .cont_right { float: right;width:280px;box-sizing:border-box }


#submenu {margin-bottom:10px;text-align:center;background:#FFF;border-bottom:1px solid #ecedef;height:40px }
#smenu {clear:both; width:1100px;margin:0 auto;padding-top:6px;text-align:left;height:38px}
#smenu li { float:left;padding:0 15px 0 0 }
#smenu li a {letter-spacing:0;font-size:16px;font-weight:500;text-decoration:none; color:#222;transition: all 0.5s;transition-timing-function: ease;}
#smenu li a:hover { color:#c43c08; border-bottom:3px solid #c43c08;padding-bottom:6px;transition: all 0.5s;transition-timing-function:ease; }


a.smenu:link,a.smenu:visited{letter-spacing:0px;font-size:13px;font-weight:500;text-decoration:none; color:#222}
a.smenu:hover{color:#cc0000}
a.smenu:active{ color:#cc0000}

.main_frame { width:1100px;margin:10px auto }
.main_frame:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan0 { width:780px;float:left }
#dan0:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan1{ width:540px;float:left;}
#dan1:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#dan2 { width:250px;margin-left:30px;float:right }
#dan3{ width:300px;float:right  }
#sidebar{ width:280px;float:right  }
#dan4 { width:280px;float:right }
.nbox,.dan3_box {}

#box_white { background-color:#FFFFFF;padding:10px;text-align:center}

#footer_menu {background:#666;text-align:center;padding:10px 0;font-size:15px;margin-top:30px;clear:both;min-width:1100px}
#footer_menu a { padding:6px 5px;color:#FFF  }
#footer_wrap {width:100%;margin:0 auto;text-align:center;background-color:#FFF;padding:15px 0 30px}
#footer_wrap:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#footer {width:1100px;margin:5px auto 30px;}
#footer:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#flogo { float:left;width:200px;margin:5px 20px 0 0  }
#copyright {float:left;width:880px;text-align:left;margin:0;color:#222 }
#copyright li { margin-top:2px;list-style:none;font-size:13px; }
#copyright li span { margin: 0 10px; }



#section_more {margin-top:20px;font-size:18px;padding-bottom:10px;border-bottom:1px solid #CCC;margin-bottom:20px;}
#section_more span {float:right;text-align:right;font-size:13px;padding-top:10px}


#content_wrap { width:1100px;margin:10px auto;overflow:hidden}
#main_content { width:830px;float:left}
#main_content:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#right_content{width:250px;margin-left:20px;float:left;overflow:hidden}
#right_content:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}



#side_wrap { position:absolute; top:0px; left:50%;margin-left:-550px;width:1100px; }
#left_ad{position:absolute;top:240px;left:-130px;display:block}
.left_fixed{position:fixed;top:70px;display:block}
#right_ad{position:absolute;top:240px;left:1120px;display:block}
#right_ad_scroll {position:absolute;display:display;}



#title_wrap { width:1100px; padding:0;margin:0 auto 30px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.15); /*x, y, blur양, 스프레드, rgba*/ }
#title_wrap:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#title_wrap span { font-size:17px;padding:3px 10px;background:#3165ac;color:#FFF;margin-bottom:10px  }
#title_wrap #adttl { font-size:30px;letter-spacing:-1px;font-weight:700;width:1100px;margin-top:10px }
#title_wrap .adttl2 { margin-top:10px;font-size:18px;font-weight:500;color:#222222;border-left:4px solid #CCC;padding-left:20px;margin:10px 0 }
#title_wrap:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#byline { margin-top:20px;width:60%; }
#byline li { float:left;width:230px;font-size:12px;font-weight:normal;color:#444;letter-spacing:0}

#social {width:40%;float:right;margin-top:-10px }
#social li {float:right;margin-left:5px;width:30px}
#social li img {width:100%; }
#social li a {color:#FFF }


.main_tab { width:1100px;clear:both;border-bottom: 1px solid #ddd;margin:10px auto;border-top:2px solid #2660ad;padding-top:15px }
.main_tab a { padding:0 20px;height:40px; display:block;text-align:center;font-size:18px;font-weight:600;float:left;text-decoration:none }
.main_tab a:last-child { border-right:0 }
.main_tab::after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
.main_tab .on { border-bottom:5px solid #2660ad;color: #2660ad;font-weight:700;font-size: 20px; }

#main_photo_box {position:relative;width:1100px;height:195px;margin:6px auto 0;padding:0 }
#main_photo_box:after {clear: both;content:'';display: block;height:0px;visibility: hidden;}
#main_photo_box li{ list-style:none;position:relative;margin-right:20px;width:260px;float:left;text-align:center}
#main_photo_box li a{ font-size:15px;color:#FFF;font-weight:600;line-height:1.3em }
#main_photo_box li a:hover { color:#ffcc33;text-decoration:none }
#main_photo_box li img { width:100% }
#main_photo_box li p{ position:absolute;bottom:0;padding:10px;margin:0 }
#main_photo_box li span{ position:absolute;bottom:0;width:100%;display:block;height:60px;background:#222;margin:0;-ms-filter:"alpha(opacity=50)"; opacity:0.5; filter:alpha(opacity=50); }
#main_photo_box li:last-child{ margin-right:0}


#wrap { position:absolute; top:0px; left:50%;margin-left:-550px;width:1100px; }