@charset "utf-8";
/* CSS Document */
@import url("../../assets/css/reset.css");
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);


/********** 데스크탑**********/
@media screen and (min-width:640px) {
#wrap {font-family:AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; width:100%; max-width:none; margin:auto}
	
#header { height:120px} 
.gnb { height:75px; width:1100px; margin:auto; overflow:hidden}
h1 { font:800 30px 'Nanum Square'; letter-spacing:-0.5px; float:left; margin-top:22px}
h2 { font:400 20px 'Nanum Square'; color:#666; letter-spacing:-0.5px; float:left; margin-top:28px; margin-left:20px}
.gnb_date { float:right; font-size:12px; margin-top:30px;}
.gnb_weather { float:right; margin-top:30px; }
.gnb_icon { float:right; width:92px; height:22px; background:url(../../assets/images/icon.png) 0 0 no-repeat; margin-top:27px; margin-left:10px;}
.gnb_icon a {display:block; height:22px;}
.menu_wrap { height:45px; background:#4a76ce}
.menu_bar {height:45px; width:1100px; margin:auto; overflow:hidden }
.menu { float:left; overflow:hidden}
.menu li {height:45px; float:left; font:600 16px 'Nanum Square'; color:#fff; padding-top:13px; width:60px; text-align:center }
.menu li.on { background:#2c59b1; color:#b2f9ff}
.menu li a:hover { color:#b2f9ff}
.search { width:350px; float:right}
.search_area { height:29px; background:#fff; margin-top:8px; overflow:hidden}
.search_txt { font-size:15px; vertical-align:top; border:0; width:315px; display:inline-block; margin-top:4px; text-indent:5px; float:left}
.btn_search { background:url(../../assets/images/icon.png) 0 -33px no-repeat; width:30px; height:29px; display:block; float:right}


#container {width:1100px; margin:auto; overflow:hidden}
.con_top { height:40px; border-bottom:1px solid #ddd; overflow:hidden}
.main_news { width:800px; float:left; margin-top:13px;}
.main_news p { width:60px; height:20px; float:left;  font:bold 11px dotum; padding-top:2px}
.more_link { width:300px;  float:right; font:normal 12px dotum; text-align:right;  margin-top:15px;}


.content { width:1100px; margin:auto; overflow:hidden; margin-bottom:40px;}
.article_header { border-bottom:1px solid #ddd; overflow:hidden}
.nav { margin-top:20px; font-size:16px; font-weight:600}
h3 { font-size:32px; line-height:40px; font-weight:600; letter-spacing:-2px; margin-top:10px;}
.info { margin-top:20px; margin-bottom:15px; overflow:hidden;}
.date { font-size:11px; color:#999; float:left; margin-top:5px;}
.reply_sum {font-size:12px; font-weight:bold; color:#3960a6; float:left; margin-top:5px;}
.print { float:right;}
.article_txt { overflow:hidden}
h4 { font-size:18px; line-height:32px; letter-spacing:-2px; margin-top:20px; color:#03C;}
.article_txt p { font-size:17px; line-height:30px; letter-spacing:-1px; margin-top:20px;}
.article_txt p img { display:block; margin:auto; width:auto}
.slot_t1 { margin-top:50px; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px}
.tit {font-size:17px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px;}
.slot_t1 ul { float:left; width:50%; }
.slot_t1 li { padding-right:10px; text-indent:15px;  background:url(../../assets/images/icon.png) 5px -98px no-repeat;}
.slot_t1 li a { font-size:15px; line-height:24px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.reply_wrap {padding:25px 0 0px; width:100%; overflow:hidden; border-bottom:1px solid #ddd}
.reply_wrap .re_tit {font-size:17px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; text-indent:15px}
.reply_wrap .write { font-size:12px; overflow:hidden; margin-bottom:20px;}
.reply_wrap .write p { width:655px; height:90px; padding:10px; border:1px solid #ddd; float:left; }
.reply_wrap .write p textarea { width:100%; height:70px; color:#999; border:0; overflow-x:hidden; overflow-y:auto; }
.reply_wrap .btn_reply {  width:102px; height:90px; line-height:90px; text-align:center; color:#666; background:#f7f7f7; border:1px solid #ddd; border-left:0; display:block; float:left}
.reply_wrap .list { overflow:hidden; border-top:1px solid #ddd; padding:15px}
.re_info { font:bold 13px dotum; color:#000; }
.re_date { font:normal 11px dotum; color:#999; padding-left:5px}
.re_txt {font-size:14px; line-height:20px; margin-top:10px; margin-bottom:20px}
.re_write {font:normal 12px dotum; color:#666; float:left; width:100px; line-height:22px;}
.list dl { float:right}
.list dt { width:40px; height:22px; line-height:22px; text-indent:22px; font-size:12px; color:#f00; background:url(../../assets/images/icon.png) -118px 3px no-repeat; float:left}
.list dd { width:40px; height:22px; line-height:22px; text-indent:22px; font-size:12px; color:#06F; background:url(../../assets/images/icon.png) -168px 6px no-repeat; float:left; margin-left:15px }


.side { display:none; width:300px; float:right; margin-left:18px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; height:2400px}
.slot_bn1 img { width:100%;}
.slot_bn2 img { padding:0 15px; margin-top:25px; height:80px; width:100%; box-sizing:border-box }
.slot_t2 { margin-top:25px; padding:0 15px;  background:url(../../assets/images/tab.jpg) 15px 30px no-repeat;}
.slot_t2 ul { background:url(../../assets/images/icon.png) 0px -121px no-repeat; margin-top:45px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.slot_t2 li { text-indent:17px}
.slot_t2 li a { font-size:14px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.slot_i2 { margin-top:25px; padding:0 15px; }
.slot_i2 dl { padding:5px 0; overflow:hidden}
.slot_i2 dt { overflow:hidden; float:left}
.slot_i2 dt img { width:95px; height:70px}
.slot_i2 dd { float:left; width:170px; margin-left:5px; font-size:13px; letter-spacing:-1px; line-height:18px; height:70px; overflow:hidden}
.slot_i2 dd span { font-size:15px; margin-bottom:7px; margin-top:5px; font-weight:bold; display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.slot_i2 ul { padding-bottom:10px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:5px; padding-top:5px}
.slot_i2 li {  padding-right:10px; text-indent:12px;  background:url(../../assets/images/icon.png) 3px -95px no-repeat;}
.slot_i2 li a { font-size:14px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}


#footer { border-top:1px solid #ddd; padding:25px 0; font-size:13px; color:#999; letter-spacing:-1px; }
#footer a:hover{ text-decoration:none;}
#footer p{ text-align:center; line-height:150%;}
.foot_info { width:1100px; margin:auto; text-align:center}
.copy { width:1100px; margin:auto; margin-top:10px; font-size:11px; text-align:center}


/*DB폼자유롭게 디자인 -> 모바일도 똑같이 복사해서 넣어줄 것*/
#db_form { margin-top:30px; width:700px; overflow:hidden; margin:auto}
.db_tit { width:100%; }
.db_wrap { border:2px solid #ddd; overflow:hidden; padding:20px}
.db_wrap table { width:100%; margin:auto; font-size:17px}
.db_wrap th { width:30%; min-width:90px; text-align:left; line-height:50px; font-size:15px}
.db_wrap td { /*line-height 넣지마세용~*/ font-size:13px; }
.db_wrap td p { float:left; background:#fff; vertical-align:middle; width:33.3%; box-sizing:border-box}
.db_wrap td .input_box {position:relative; padding-left:10px; box-sizing:border-box;}
.db_wrap td .input_box span {position:absolute; left:2px; top:0; line-height:35px}
.db_wrap td .input1 {  border:1px solid #ddd; line-height:35px; height:35px; width:100%;}
.db_wrap td .select1 { border:1px solid #ddd; line-height:35px; height:35px; width:100%}
.db_btn { display:block; margin:20px auto; border:0}
.db_arr { display:block; margin:auto}
}





/********** 모바일**********/
@media screen and (max-width:640px) {
#wrap {font-family:AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; width:100%; max-width:640px; overflow:hidden;}
	
#header { height:105px} 
.gnb { height:60px; width:100%; margin:auto; overflow:hidden; padding:0 15px; box-sizing:border-box}
h1 { font:800 25px 'Nanum Square'; letter-spacing:-0.5px; float:left; margin-top:18px}
h2 { font:400 17px 'Nanum Square'; color:#666; letter-spacing:-0.5px; float:left; margin-top:23px; margin-left:15px; margin-right:20px}
.gnb_date { float:right; font-size:12px; margin-top:24px;}
.gnb_weather { float:right; margin-top:24px; }
.gnb_icon { float:right; width:92px; height:22px; background:url(../../assets/images/icon.png) 0 0 no-repeat; margin-top:20px; margin-left:5px;}
.gnb_icon a {display:block; height:22px;}
.menu_wrap { height:45px; background:#4a76ce; padding:0;}
.menu_bar {height:45px; width:100%; margin:auto; overflow:hidden; position:relative}
.menu { float:left; overflow:hidden; width:70%}
.menu li {height:45px; float:left; font:600 16px 'Nanum Square'; color:#fff; padding:13px 10px 0; text-align:center;}
.menu li.on { background:#2c59b1; color:#b2f9ff}
.menu li a:hover { color:#b2f9ff}
.search { position:absolute; right:10px; width:30%; float:right}
.search_area { height:29px; background:#fff; margin-top:8px; overflow:hidden; padding-right:30px;}
.search_txt { font-size:15px; vertical-align:top; border:0; width:100%; display:inline-block; margin-top:3px; text-indent:0px; float:left}
.btn_search { position:absolute; right:0; z-index:999; background:url(../../assets/images/icon.png) 0 -33px no-repeat; width:30px; height:29px; display:block; float:right}


#container {width:100%; margin:auto; overflow:hidden;}
.con_top { height:30px; border-bottom:1px solid #ddd; overflow:hidden; padding:0 15px}
.main_news { width:800px; float:left; margin-top:7px;}
.main_news p { width:60px; height:20px; float:left;  font:bold 11px dotum; padding-top:2px}
.more_link { width:300px;  float:right; font:normal 12px dotum; text-align:right;  margin-top:15px; display:none}


.content { width:100%; float:left; overflow:hidden; padding:0 15px; box-sizing:border-box; }
.article_header { border-bottom:1px solid #ddd; overflow:hidden}
.nav { margin-top:15px; font-size:15px; font-weight:600}
h3 { font-size:25px; line-height:34px; font-weight:600; letter-spacing:-2px; margin-top:10px;}
.info { margin-top:10px; margin-bottom:10px; overflow:hidden;}
.date { font-size:11px; height:15px; line-height:15px; color:#999; float:left; margin-top:5px;}
.reply_sum {font-size:12px; font-weight:bold; color:#3960a6; float:left; margin-top:5px; display:none}
.print { float:right; display:none}
.article_txt { overflow:hidden}
h4 { font-size:18px; line-height:30px; letter-spacing:-1px; margin-top:15px; color:#03C;}
.article_txt p { font-size:17px; line-height:30px; letter-spacing:-1px; margin-top:15px;}
.article_txt p img { display:block; margin:auto; width:100%}
.slot_t1 { margin-top:40px; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0}
.tit {font-size:17px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px;}
.slot_t1 ul { float:left; width:100%; }
.slot_t1 li { padding-right:10px; text-indent:10px;  background:url(../../assets/images/icon.png) 0px -98px no-repeat;}
.slot_t1 li a { font-size:15px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.reply_wrap {padding:25px 0 0px; width:100%; overflow:hidden; border-bottom:1px solid #ddd}
.reply_wrap .re_tit {font-size:17px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; text-indent:0px}
.reply_wrap .write { font-size:14px; overflow:hidden; margin-bottom:20px;  width:100%}
.reply_wrap .write p { width:75%; height:60px; padding:5px; border:1px solid #ddd; float:left;  box-sizing:border-box; }
.reply_wrap .write p textarea { width:100%; height:40px; color:#999; border:0; overflow-x:hidden; overflow-y:auto; line-height:16px }
.reply_wrap .btn_reply {  width:25%; height:60px; line-height:60px; text-align:center; color:#666; background:#f7f7f7; border:1px solid #ddd; border-left:0; display:block; float:left;  box-sizing:border-box;}
.reply_wrap .list { overflow:hidden; border-top:1px solid #ddd; padding:10px 0}
.re_info { font-weight:bold; font-size:13px; color:#000; }
.re_date { font-size:12px; color:#999; padding-left:5px}
.re_txt {font-size:15px; letter-spacing:-1px; line-height:22px; margin-top:10px; margin-bottom:10px}
.re_write {font-size:13px; color:#666; float:left; width:100px; line-height:22px;}
.list dl { float:right}
.list dt { width:40px; height:22px; line-height:22px; text-indent:22px; font-size:13px; color:#f00; background:url(../../assets/images/icon.png) -118px 1px no-repeat; float:left}
.list dd { width:40px; height:22px; line-height:22px; text-indent:22px; font-size:13px; color:#06F; background:url(../../assets/images/icon.png) -168px 4px no-repeat; float:left; margin-left:15px }


.side { width:300px; float:right; margin-left:18px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; height:1900px;}
.slot_bn1 img { width:100%;}
.slot_bn2 img { padding:0 15px; margin-top:25px; height:80px; width:100%; box-sizing:border-box }
.slot_t2 { margin-top:25px; padding:0 15px;  background:url(/landing/common/img/tab.jpg) 15px 30px no-repeat;}
.slot_t2 ul { background:url(/landing/common/img/icon.png) 0px -121px no-repeat; margin-top:45px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.slot_t2 li { text-indent:17px}
.slot_t2 li a { font-size:14px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.slot_i2 { margin-top:25px; padding:0 15px; }
.slot_i2 dl { padding:5px 0; overflow:hidden}
.slot_i2 dt { overflow:hidden; float:left}
.slot_i2 dt img { width:95px; height:70px}
.slot_i2 dd { float:left; width:170px; margin-left:5px; font-size:13px; letter-spacing:-1px; line-height:18px; height:70px; overflow:hidden}
.slot_i2 dd span { font-size:15px; margin-bottom:7px; margin-top:5px; font-weight:bold; display:block;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.slot_i2 ul { padding-bottom:10px;  border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:5px; padding-top:5px}
.slot_i2 li {  padding-right:10px; text-indent:12px;  background:url(../../assets/images/img/icon.png) 3px -95px no-repeat;}
.slot_i2 li a { font-size:14px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}


#footer { border-top:0; padding:25px 0; font-size:13px; color:#999}
.foot_info { width:100%; margin:auto; text-align:center; height:15px; line-height:15px; overflow:hidden; padding:0 15px; box-sizing:border-box}
.copy { width:100%; margin:auto; margin-top:10px; font-size:11px; text-align:center}



/*DB폼자유롭게 디자인 -> 모바일도 똑같이 복사해서 넣어줄 것*/
#db_form { margin-top:30px; width:100%; overflow:hidden; margin:auto}
.db_tit { width:100%;}
.db_wrap { border:2px solid #ddd; overflow:hidden; padding:10px}
.db_wrap table { width:100%; margin:auto; font-size:14px}
.db_wrap th { width:15%; min-width:60px; text-align:left; line-height:18px; height:50px; font-size:12px; vertical-align:middle}
.db_wrap td { /*line-height 넣지마세용~*/ font-size:14px}
.db_wrap td p { float:left; background:#fff; vertical-align:middle; width:33.3%; box-sizing:border-box}
.db_wrap td .input_box {position:relative; padding-left:10px; box-sizing:border-box;}
.db_wrap td .input_box span {position:absolute; left:2px; top:0; line-height:35px}
.db_wrap td .input1 {  border:1px solid #ddd; line-height:35px; height:35px; width:100%; padding-left:10px}
.db_wrap td .select1 { border:1px solid #ddd; line-height:35px; height:35px; width:100%;  padding-left:10px}
.db_btn { display:block; margin:20px auto; border:0; width:240px}

#header, .con_top, .nav, .info, .side { display:none}
h3 { margin-bottom:15px}

}