﻿@CHARSET "UTF-8";


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) ;
@import url(/css/font.css) ;


/*******************
FONTS
*******************/
@font-face {
    font-family: 'notokr-medium';
    src: url('/fonts/notokr-m/notokr-medium.eot');
    src: url('/fonts/notokr-m/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/fonts/notokr-m/notokr-medium.woff2') format('woff2'), url('/fonts/notokr-m/notokr-medium.woff') format('woff'), url('/fonts/notokr-m/notokr-medium.ttf') format('truetype'), url('/fonts/notokr-m/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*******************
BODY STYLING
*******************/

* {margin: 0;padding: 0;}

header, contents, footer, nav, aside, section, article, hgroup, contents {margin: 0;padding: 0;}
a {text-decoration: none;color:#45474d}
a :hover{color:#ef651a;text-decoration:none}
li {list-style: none;}
img {border:0px;vertical-align:bottom;}
body {
	font-family: 'notokr-medium';
    font-size: 14px;
    color: #373737;
}
body, html {
    width: 100%;
    height: 100%;
    position: relative;
}


/* font
---------------------------------------------------------------------------------------*/
.ng{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;}
.ngB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:700}
.ngEB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:800}
.ngEBB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:900}


/* color
---------------------------------------------------------------------------------------*/
.col-01{color:#f39800}
.col-02{color:#8fc31f}
.col-03{color:#cbc1a2}
.col-04{color:#333}

.hover_color{color:#ef651a}


#wrap_gnb{position:relative;width:100%;height:50px;background:#084eaf;z-index:10;line-height:50px;}
#gnb_menu{position:relative;width:1000px;height:50px;line-height:50px; margin:0 auto;text-align:center;color:#fff;font-size:14px;z-index:2}

#gnb_menu li:hover{color:#ef651a;cursor:pointer;}

#sub_wrap{position:relative;width:100%;height:35px;background:#f6f6f6;border-bottom:1px solid #ccc;line-height:35px}
#sub_wrap .login{}
#sub_wrap .mypage{}
.login_box{width:123px;height:20px;line-height:20px;border:1px solid #bcc7e3}
.login_box161129{width:123px;height:25px;line-height:25px;border:1px solid #bcc7e3}

#direct_menu{position:absolute;top:0px;left:0px;color:#fff}

#wrap_contents{position:relative;width:100%;background:#fff;}
#wrap_main_banner{width:1000px;height:310px; margin:0 auto;background:#fff}
#main_banner{position:relative;width:680px;height:310px;float:left}
#main_login_custom{position:relative;width:320px;height:310px;float:left}

#wrap_main_pds{clear:both;position:relative;width:1000px;height:205px;margin:0 auto;top:25px}
#wrap_main_vod{position:relative;width:100%;height:376px;background:#00935d}
#wrap_main_book{position:relative;width:1000px;height:290px;background:#fff;margin:0 auto}
#wrap_main_custom{position:relative;width:100%;height:386px;background:#f0f5fa}

#main_bbs_wrap{position:relative;width:357px;height:382px;float:left}
#main_custom_wrap{position:relative;width:643px;height:382px;float:left}


#main_community{position:relative;width:1000px;margin:0 auto;margin-top:10px;height:178px}
#main_notice{position:absolute;width:345px;height:173px}
#main_pds{position:absolute;width:345px;left:345px;height:173px}
#banner_01{position:absolute;right:0px}
.main_title{font-size:16px;height:40px}
.main_list{position:relative;top:48px; font-family:돋움;font-size:12px;height:22px;line-height:22px;left:10px;width:320px;overflow:hidden}
.btn_more{position:absolute;top:12px;left:310px;width:20px;height:20px}

#main_vod{position:relative;width:1000px;height:258px;background:#fff;margin:0 auto;margin-top:20px;}
#main_vod #vod_list{position:relative;width:998px;height:218px;border:1px solid #ccc;margin-top:5px}
#main_vod .vod{position:relative;top:25px;left:17px;width:330px}
#main_vod #vod_list .vodtxt01{position:absolute;width:153px;height:38px;top:123px;left:0px;background:#e9e9e9;padding:5px;font-size:13px;color:#000;text-align:center}
#main_vod #vod_list .vodtxt02{position:absolute;width:135px;height:38px;top:0px;left:175px;border-top:5px solid #ffe6d8;text-align:left;color:#ef651a}
#main_vod #vod_list .vodtxt03{position:absolute;width:135px;height:38px;top:85px;left:175px;text-align:left;font-size:13px;;line-height:1.7em}

#main_book{position:relative;width:998px;height:264px;background:#fff;margin:0 auto;margin-top:10px;border:1px solid #ccc}
#main_book #book_list{position:absolute;width:670px;top:55px}
#main_book #book_banner{position:absolute;width:328px;right:0px;text-align:center;top:15px}
.book01{position:relative;width:129px;height:181px;top:0px;left:18px;float:left}
.book02{position:relative;width:129px;height:181px;top:0px;left:53px;float:left}
.book03{position:relative;width:129px;height:181px;top:0px;left:88px;float:left}
.book04{position:relative;width:129px;height:181px;top:0px;left:123px;float:left}


#main_custom{position:relative;width:998px;height:199px;background:#fff;margin:0 auto;margin-top:10px;border:1px solid #ccc}

#wrap_left_banner {
	width:133px;
	top:230px;
	position:fixed;
	left:50%;
	margin-left:-740px;
	z-index:10000;
}

#wrap_footer{position:relative;width:100%;background:#fff;margin-top:40px}
#wrap_footer #footer_menu{position:relative;width:100%;height:40px;background:#fff;border-top:2px solid #a5a5a5;border-bottom:1px solid #ccc}
#wrap_footer #footer_menu li{width:1000px;height:40px;line-height:40px;margin:0 auto;text-align:left}
#wrap_footer #footer_copy{font-family:굴림;font-size:12px}

#left_quick_service{position:fixed;width:105px;height:100%;top:200px;background:#fff;z-index:10;left:0px}



#left_quick_service .quick_service{position:relative;width:89px;height:100%;top:0px;background:url(/images/quick_bg.png);}
#left_quick_service .quick_service_btn{position:absolute;left:89px;width:16px;top:0px;height:41px}




#right_quick_banner {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:510px;
	z-index:10;
	width:101px;
	height:440px;
	top:210px
}

.footer_txt{
	font-size:12px;height:20px;line-height:20px;text-align:left;color:#666
}