@charset "utf-8";

/* 기본 레이아웃 */
#wrap { display:block; min-width:1280px; margin:0 auto;  overflow:hidden; }
#header { display:block; width:100%; height:145px; background:url('../images/common/header_bg.gif') repeat-x left top; }
#footer { display:block; width:100%; height:190px; background:#fff; overflow:hidden; }
#main { display:block; width:100%; height:auto; padding:50px 0; background:#f1f0f7; overflow:hidden; }
#sub { display:block; width:100%; height:auto; padding:50px 0; background:#f1f0f7; overflow:hidden; }

/* 상단 */
.h_inner { display:block; width:auto; max-width:1200px; height:100%; margin:0 auto; box-sizing:border-box; z-index:100; }
.h_inner .h_top { display:block; height:40px; overflow:hidden; }
.h_inner .h_top:after { display:block; content:""; clear:both; }
.h_inner .h_top .h_top_left { display:block; float:left; width:30%; height:100%; box-sizing:border-box; overflow:hidden; }
.h_inner .h_top .h_top_right { display:block; float:right; width:65%; height:100%; text-align:right; box-sizing:border-box; overflow:hidden; }

.h_inner .h_top .btn_home { display:block; width:40px; height:0; padding-top:100%; background:url('../images/common/icon_home.gif') no-repeat left top; }
.h_inner .h_top .btn_home span { position:absolute; left:-9999px; text-indent:-9999px; }

.h_inner .h_top .top_area { display:inline-block; list-style:none; height:100%; margin:0; padding:0; overflow:hidden; }
.h_inner .h_top .top_area > li { display:block; float:left; height:100%; }
.h_inner .h_top .top_area > li > .top_link { display:block; padding:0 13px; line-height:40px; font-size:12px; color:#fff; }
.h_inner .h_top .top_area > li:first-child { background:url('../images/common/top_area_line.gif') no-repeat right center; }
.h_inner .h_top .top_area > li:nth-last-child(1) { margin-left:10px; padding-top:6px; }
.h_inner .h_top .top_area > li:nth-last-child(1) input { width:176px; height:28px; line-height:28px; text-indent:4px; font-size:12px; color:#fff; background:#9088bf; border:0; outline:0; vertical-align:middle; }
.h_inner .h_top .top_area > li:nth-last-child(1) .btn_search { display:inline-block; width:28px; height:28px; margin-left:-4px; font-size:0; background:url('../images/common/icon_search.gif') no-repeat left top; vertical-align:middle; cursor:pointer; }

.h_inner .h_gnb { position:relative; display:block; height:105px; }
.h_inner .h_gnb:after { display:block; content:""; clear:both; }
.h_inner .h_gnb .h_gnb_left { display:block; float:left; width:380px; height:100%; box-sizing:border-box; }
.h_inner .h_gnb .h_gnb_right { position:relative; display:block; float:right; width:820px; height:100%; text-align:right; box-sizing:border-box; }

.h_inner .h_gnb .gn_area { position:relative; display:block; }
.h_inner .h_gnb .gn_area ul { display:block; list-style:none; margin:0; padding:0; box-sizing:border-box; }
.h_inner .h_gnb .gn_area ul li { display:block; box-sizing:border-box; }
.h_inner .h_gnb .gn_area ul li a { display:block; }

.h_inner .h_gnb .gn_area .gn { }
.h_inner .h_gnb .gn_area .gn:after { display:block; content:""; clear:both; }
.h_inner .h_gnb .gn_area .gn > li { position:relative; float:left; }
.h_inner .h_gnb .gn_area .gn > li > .label { height:105px; line-height:105px; padding:0 40px; font-size:18px; color:#202020; font-weight:700; }

.h_inner .h_gnb .gn_area .sn { position:absolute; display:none; left:50%; top:105px; width:180px; height:auto; margin-left:-90px; overflow:hidden; z-index:101; }
.h_inner .h_gnb .gn_area .sn ul { width:100%; padding:20px 0; background:#fff; border-bottom:1px solid #786eb1; }
.h_inner .h_gnb .gn_area .sn ul li { text-align:center; }
.h_inner .h_gnb .gn_area .sn ul li a { padding:10px 0; font-size:15px; color:#505050; font-weight:400; }
.h_inner .h_gnb .gn_area .sn ul li a:hover { color:#746aaf; }

.h_inner .h_gnb .gn_area .gn > li:hover > a { background:url('../images/common/gn_bg.gif') no-repeat center bottom; }
.h_inner .h_gnb .gn_area .gn > li:hover .sn { display:block; }

.h_inner .h_gnb .btn_nav { position:absolute; display:block; right:0; top:0; bottom:0; width:50px; height:50px; margin:auto 0; background:url('../images/common/icon_nav.gif') no-repeat center center; }
.h_inner .h_gnb .btn_nav span { position:absolute; left:-9999px; text-indent:-9999px; }

.h_inner .h_gnb .total_menu { position:absolute; display:none; left:0; top:0; z-index:200; }
.h_inner .h_gnb .total_menu ul { display:block; list-style:none; margin:0; padding:0; box-sizing:border-box; }
.h_inner .h_gnb .total_menu ul li { display:block; box-sizing:border-box; }
.h_inner .h_gnb .total_menu ul li a { display:block; }

.h_inner .h_gnb .total_menu .gn_t { background:#fff; }
.h_inner .h_gnb .total_menu .gn_t:after { display:block; content:""; clear:both; }
.h_inner .h_gnb .total_menu .gn_t > li { position:relative; float:left; }
.h_inner .h_gnb .total_menu .gn_t > li > .label { height:105px; line-height:105px; padding:0 40px; font-size:18px; color:#202020; font-weight:700; }

.h_inner .h_gnb .total_menu .sn_t { position:absolute; display:block; left:0; top:104px; width:100%; height:auto; margin:0; background:#fff; border:1px solid #dbdbdb; border-left:0; overflow:hidden; z-index:101; }
.h_inner .h_gnb .total_menu .sn_t ul { width:100%; height:300px; padding:20px 0; background:#fff; border-left:0; }
.h_inner .h_gnb .total_menu .sn_t ul li { text-align:center; }
.h_inner .h_gnb .total_menu .sn_t ul li a { padding:10px 0; font-size:15px; color:#505050; font-weight:400; }
.h_inner .h_gnb .total_menu .sn_t ul li a:hover { color:#746aaf; }
.h_inner .h_gnb .total_menu .gn_t > li:hover > a { background:url('../images/common/gn_bg.gif') no-repeat center bottom; }
.h_inner .h_gnb .total_menu .sn1 { border-left:1px solid #dbdbdb; }
.h_inner .h_gnb .btn_total_close { position:absolute; display:block; right:20px; bottom:-280px; width:62px; height:25px; line-height:25px; font-size:12px; color:#fff; text-align:center; background:#727172; border-radius:3px; z-index:102; }


/* 하단 */
.f_inner { position:relative; display:block; width:auto; max-width:1200px; height:100%; margin:0 auto; padding:30px 180px 40px 0; box-sizing:border-box; overflow:hidden; }
.f_inner .foot_btn { display:block; list-style:none; margin:0 0 10px; padding:0; overflow:hidden; }
.f_inner .foot_btn > li { display:block; float:left; }
.f_inner .foot_btn > li > a { display:block; padding:10px 7px; font-size:13px; color:#606060; font-weight:600; }
.f_inner .foot_btn > li:nth-child(1) > a { padding-left:0; color:#743d99; }

.f_inner p { font-size:13px; color:#909090; line-height:2; }
.f_inner p span { display:inline-block; margin-right:20px; vertical-align:middle; }
.f_inner p span strong { vertical-align:top; }
.f_inner .btn_ims { display:inline-block; padding:1px 5px; font-size:9px; color:#fff; background:#727172; border-radius:3px; }

.f_inner .foot_banner { position:absolute; display:block; list-style:none; right:0; top:40px; margin:0; padding:0; overflow:hidden; }
.f_inner .foot_banner > li { display:block; margin-bottom:3px; border:1px solid #ddd; overflow:hidden; }
.f_inner .foot_banner > li > a { display:block; overflow:hidden; }
.f_inner .foot_banner > li > a > img { vertical-align:top; }
.f_inner .foot_banner > li:nth-last-child(1) { margin-bottom:0; }

.btn_top { position:fixed; right:10px; bottom:10px; display:inline-block; width:auto; padding:20px 10px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:3px; z-index:200; }
.btn_top span { font-size:0; }
/*.btn_top:before { display:block; margin-bottom:5px; font-family:"FontAwesome"; font-size:20px; color:#999; content:"\f01b"; }*/

.rquick {position:fixed; right:10px; top:195px; width:130px; z-index:200;}
.rquick .fa {color:#999; vertical-align:bottom; margin-right:5px;}
.rquick a {display:block; padding:10px;}
.rquick .quick {position:relative; background:#fff; border-radius:3px; border:1px solid #ccc;}
.rquick .quick ul {margin:0; padding:0; list-style:none;}
.rquick .quick ul li {margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.rquick .quick ul li:last-child {border-bottom:none;}
.rquick .btn_top {position:relative; right:auto; bottom:auto; margin-top:8px; padding:12px 10px; background:#fff; border-radius:3px; border:1px solid #ccc; text-align:center;}
.rquick .btn_top .fa {font-size:16px;}

/* 메인 */
.m_inner { position:relative; display:block; width:auto; max-width:1200px; height:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.s_inner { position:relative; display:block; width:auto; max-width:1200px; height:auto; min-height:800px; margin:0 auto; padding:0 0 0 210px; background:#fff url('../images/common/sub_cnt_bg.gif') repeat-y left top; box-sizing:border-box; overflow:hidden; }