@charset "utf-8";

/* ===================================================================
color
연회색 #eaebec   진회색#383e4c   border회색 #b6b9be
주황색 #fd4505
=================================================================== */

body {font-family: 'Helvetica','Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#202020;}
a:link, a:hover, a:active, a:visited {color:#202020;text-decoration:none;}



.main_container {width:100%; margin:0 auto; padding-top:100px; position:relative; overflow:hidden;}

.main_visual { width:100%;height:100%;  overflow:hidden;}
.main_visual > img { width:100%;}

.main_visual { width:100%;  position:relative; overflow:hidden; }
.main_visual .imgs { width:100%; padding-bottom: 58%;position:relative; overflow:hidden; }
.main_visual .imgs li { width:100%; padding-bottom: 100%;height: 100%; position:absolute; top:0; left:100%; }
.main_visual .imgs li.li_01 {left:0; }

.main_visual .indis { width: 100%; position:absolute; margin:0 auto; text-align:center; top:91%; z-index:10; }
.main_visual .indi_wrap { display:inline-block; overflow:hidden; z-index:10; }
.main_visual .indis ul { float:left; overflow:hidden;  }
.main_visual .indis ul li { width: 14px; height: 14px; float:left; margin-left:8px; position:relative; }
.main_visual .indis ul li.li_01 { }
.main_visual .indis ul li a { width:100%; height:100%; display:block; }
.main_visual .indis .indi_bn { float:left; width:17px; height:24px; position:relative; }
.main_visual .indis .indi_bn a { width:100%; height:100%; display:block; }

.main_row01 {  overflow:hidden;}
.main_row01 > ul > li { width:50%; float:left;}


.main_row02 { overflow:hidden; height:60px; position:relative; border-bottom:1px #d1d2d6 solid}
.title {font-size:20px; font-weight:bold; letter-spacing:-1px; position:absolute; top:20px; left:20px}
.color_ora {color:#fd4505}
.top_left_btn {position:absolute; right:15px; top:30px}
.top_left_btn ul li {float:left; margin-right:5px}
.object {bottom:-1px; position:absolute; left:50%; margin:0 0 0 -36px}

.main_row02_content { overflow:hidden; position:relative; padding:20px 10px ; text-align:center; }
.main_row02_content ul { text-align:center}
.main_row02_content ul li {float:left; width:29%; text-align:center; margin:0 2%}
.main_row02_content ul li.content_003 {margin-right:0% !important}
.main_row02_content ul li.content_003 div {margin:0 !important}
.main_row02_content ul li img {border:1px #d1d2d6 solid;}
.book_title {font-size:0.9em; font-weight:bold; padding-top:10px; line-height:130%; width:100%}
.book_name {font-size:0.8em; padding-top:4px; }


.recommend_book {background:#383e4c; width:100%; padding:20px 0; text-align:center}
.r_title {}

.main_row03 { width:100%; overflow:hidden; }
.main_row03 > ul {width:100%; height:100%}
.main_row03 > ul > li { width:33.33%; float:left; text-align:center; background:#dfe6e9;}
.main_row03 > ul > li.clear { clear:left; float:left}

.category {height:50px; position:relative; overflow:hidden; border-bottom:#d1d2d3 1px solid;}
.btn_allview {position:absolute; top:14px; right:16px; font-size:15px; }
.btn_allview img {vertical-align:middle}
.category .title {font-size:20px; font-weight:bold; letter-spacing:-1px; position:absolute; top:10px; left:20px}


.category_list {width:100%; background:#eaebec; height:150px; padding-top:20px}
.category_list ul {width:88%; margin:0 auto; background:#fff; border-bottom:#d1d2d3 1px solid; padding:10px 0 10px 10px; position:relative; height:110px; display:block; }
.category_list ul li.here {clear:left;}
.category_list ul li {padding:3px 0 3px 8%; border-bottom:1px solid #eaebec; font-weight:bold;  float:left; width:40%; font-size:14px; text-align:left}
.category_list ul li.noline {border:0}

#bot_slide { width:90%; margin:0 auto; text-align:center; padding: 15px 5% 0}
#bot_slide ul {width:42px; margin:0 auto; padding:10px 0 20px 0}
#bot_slide ul li {float:left; margin-left:5px; width:12px}

.notice {width:100%; border-top:1px #383e4c solid; height:60px; margin-top:25px; position:relative;}
.notice .title {font-size:18px; font-weight:bold; letter-spacing:-1px; position:absolute; top:3px; left:15px; border-right:1px #eaebec solid; width:45px }
.notice .notice_title {font-size:14px; position:absolute; left:70px; width:65%; line-height:130%; padding-top:7px; overflow:hidden; letter-spacing:-1px}
.notice .plus {position:absolute; top:8px; right:20px}


.footer_wrap {background:#383e4c; color:#fff; position:relative; text-align:center}
.footer { background:#383e4c; color:#fff; position:relative; text-align:center}
.footer ul.click {padding:2% 0 10px 0; border-bottom:#606570 1px solid; height:30px; margin:0 auto}
.footer ul.click li {float:left; text-align:center; width:49.5%; font-size:120%; padding:0; margin:0}
.footer ul.click li a {color:#fff; font-weight:800}
.footer ul.click li.login {border-right:1px #eee solid}

.footer ul.f_menu {text-align:center; padding-left:50%; height:16px; margin-left:-120px}
.footer ul.f_menu li a {color:#b1b1b1; font-size:12px; vertical-align:10px}
.footer ul.f_menu li {float:left; padding:0 2%; text-align:center; border-right:1px #b1b1b1 solid; height:16px}
.footer ul.f_menu li.noline {border:0}

.footer .call {padding:15px 7%}
.footer .copy {padding:15px 7%}

/*해경배너*/
.middle_banner {background:#a5d8eb; text-align:center}
.middle_banner img {margin:0 auto; }

.middle_banner_2 {background:#a5d8eb;}
.middle_banner_2 table {margin:0 auto}



/*배너*/
.banner_wrap {clear:both; position:relative;}
.banner_btn_L { position:absolute; left:0; top:40%}
.banner_btn_R { position:absolute; right:0;top:40%}
.banner_center { text-align:center; }


/*스왑 페이징*/
.paging {
    clear: both;
    height: 0px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: center;
    width: 130px;
}

.paging a.selected {
    background: none repeat scroll 0 0 #33afe9;
    border: 1px solid #33afe9;
}
.paging a {
    background: none repeat scroll 0 0 #E2E4E9;
    border: 1px solid #E2E4E9;
    border-radius: 4px;
    display: inline-block;
    height: 6px;
    margin: 2px;
    overflow: hidden;
    width: 6px;
    line-height: 6px;
    vertical-align: bottom;
}


/* 중간배너 */
.m_banner_wrap { clear:both; background:#383e4c; height:88px; text-align:center; overflow:hidden;}
.m_banner_u { margin:0 auto;}
.m_banner_u a:link { color:#FFFFFF; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}
.m_banner_u a:visited { color:#FFFFFF; /*font-size:0.7em;*/font-size:11px;letter-spacing:0px; display:block}
.m_banner_L1 { float:left; width:24%;  line-height:1em; }
.m_banner_L2 { float:left; width:25%;  line-height:1em; }
.m_banner_L3 { float:left; width:26%; line-height:1em; }


/* 하단 고정아이콘 */
.fixed_icons {width:100%; position:fixed; bottom:0; z-index:9999}
.fixed_icons img.go_back {position:absolute; bottom:5px; left:5px}
.fixed_icons img.go_top {position:absolute; bottom:5px; right:5px}



/* 검색페이지 */
.search_container {margin-top:90px}
.search_container h5 {text-align:center; padding:10px 0; border-bottom:1px #b6b9be solid}
.search_page {width:100%; min-width:320px; height:50px; position:relative; margin:0 auto; background:#383e4c;}
.search_page .btn_search { position:absolute; top:0px; right:0px;  padding:10px 0; z-index:999; background:#383e4c}
.search_page .search { position:absolute; top:10px;left:10px; width:100%;background-color:#FFF}
.search_page .search .search_bar {height:30px; display:block; border:none; width:80%; font-size:12px}
.search_top {padding:10px 10px 0; text-align:center; line-height: 28px; font-size:1.2em; font-weight:bold; background: #383e4c; color:#fff}
.search_top .icon_back {position:absolute; left:10px; top:10px}
.search_top .icon_home {position:absolute; right:10px; top:10px}
.search_container .noline {border-bottom:0 !important; padding-bottom:30px}
.search_container .noline img {margin:25px 0}