@charset "utf-8";
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕 웹폰트용 선명함*/
@import url(./fonts/NotoSans/NotoSansKR.css);
@import url(./fonts/Gotham/Gotham.css);

/*이롭게 바탕체*/
@import url(//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css);


/*본고딕(font-family:'NS Korean',sans-serif;)*/
/*나눔고딕(font-family:"Nanum Gothic";)*/
/*이롭게바탕체(font-family:'Iropke Batang',serif;)*/


/*----------------------------------
 *기본*
----------------------------------*/
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset,input,figure,figcaption{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:'NS Korean',sans-serif; font-size:13px; color:#333; font-weight:400;}
::selection{background:#feebdf; color:#333;}

/*----------------------------------
 *전체(TOP / MIDDLE / BOTTOM)
----------------------------------*/
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background-color:#fff;}
#top_wrap{width:100%; height:155px; border-top:5px solid #f2782f;}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{margin:0 auto; width:100%; height:215px; background-color:#555555; min-width:1200px;}

/*----------------------------------
 *MAIN_TOP : 탑전체영역
----------------------------------*/
#top_total{margin:0 auto; width:100%; height:155px; position:relative;}
#top_a{margin:0 auto; width:1200px; line-height:40px; }
#top_total_a{margin:0 auto; width:100%; height:45px; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd;} 

/*----------------------------------
*MAIN_TOP: 로그인
----------------------------------*/
#login{float:right; width:400px; height:40px; position:absolute; top:20%; left:65%;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}
#login li a{display:block; padding:20px 15px 0 0; font-family:'NS Korean',sans-serif; font-size:12px; color:#666; font-weight:600;}
#login li a:hover{color:#b41810; font-weight:600;}

/*----------------------------------
*MAIN_TOP: 로고 & 전화번호
----------------------------------*/
#top_logo_nav{margin:0 auto; width:1200px; height:110px; position:relative;}
#logo{margin:0 auto; width:250px; height:60px; padding-top:25px;}
#top_tel{float:left; width:280px; height:60px; position:absolute; top:19%; left:0;}

.box_con{width:100%; overflow:hidden;}

.box_nav{ margin:0 auto 60px; width:1200px; overflow:hidden;}
.box_nav ul{margin:0 auto; display:table;}
.box_nav ul li{ float:left; margin:0 10px;}
.box_nav ul li a{ display:block; width:300px; height:60px; background:#666; font-size:18px; font-weight:500; color:#fff; text-align:center; line-height:60px; font-weight:600;}
.box_nav ul li a#nav1{background:#102038;}
.box_total{position:relative; height:1100px;}
.box_total .box_con{position:absolute; z-index:0; left:0; top:0; height:1100px; background:#fff;}
.box_total .box_con#box1{ z-index:1;}


/*----------------------------------
*MAIN_TOP: 탑메뉴
----------------------------------*/
div#commonGnb{margin:0 auto; width:1200px; height:45px;}
div#commonGnb div.gnbWrap{width:100%; height:45px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:1200px; height:45px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; width:233px; position:relative; z-index:999;zoom:1;}
div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; width:233px; padding:0 5px; height:45px;font-family:'NS Korean',sans-serif;font-size:15px;line-height:45px;color:#53585a; font-weight:600; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li#tnav06 a{ position:relative; width:200px;}
div#commonGnb ul.gnbLayer li a:hover{color:#fff; font-weight:600; background-color:#f2782f;}

div#commonGnb ul.gnbLayer li dl {position:absolute; left:0px; top:45px; width:233px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:rgba(255,255,255,255.8);}
div#commonGnb ul.gnbLayer li dd a {display:block; width:233px; height:40px; padding:0; font-size:14px; line-height:40px; color:#444; font-weight:600; border-bottom:1px solid #dddddd;}
div#commonGnb ul.gnbLayer li dd a:hover { background-color:#f2782f; font-weight:600; color:#FFF;}


/*----------------------------------
*INDEX.PHP : 메인화면
----------------------------------*/
#top_main_wrap{margin:0 auto; width:100%; overflow:hidden;}

/*----------------------------------
*INDEX.PHP : 메인_슬라이드이미지
----------------------------------*/
#main_banner_total{margin:0 auto; width:100%; height:610px;}
#main_banner{position:relative; width:100%; overflow:hidden;}
.main_text{ position:absolute; z-index:1000; left:35%; top:0%; margin-left:-350px; width:1200px;}

/*----------------------------------
*INDEX.PHP : 메인_타이틀 스타일
----------------------------------*/
.main_title_total{margin:0 auto; width:1200px; height:90px; margin-top:65px;}
.main_title_total_a{margin:0 auto; width:1200px; height:90px; padding-top:50px;}
.quick_name00{margin:0 auto; width:95px; height:5px; margin-bottom:20px; border-top:5px solid #f2782f;}
.quick_name01{margin:0 auto; font-family:'NS Korean',sans-serif; font-size:32px; color:#333; line-height:32px; text-align:center; letter-spacing:-0.65px; margin-bottom:15px; font-weight:600;}
.quick_name02{margin:0 auto; font-family:'NS Korean',sans-serif; font-size:17px; color:#555; text-align:center; letter-spacing:-0.65px; font-weight:500; line-height:8px;}
.quick_name_color{font-family:'NS Korean',sans-serif; font-size:32px; color:#f2782f; font-weight:600; letter-spacing:-0.5px;}

/*---------------------------------- 
*INDEX.PHP : 메인_갤러리 추출영역
----------------------------------*/
.main_g_wrap{margin:0 auto; width:100%; overflow:hidden; margin-bottom:90px;}
.main_g{margin:0 auto; width:1200px; overflow:hidden; }
.main_g_area_wrap{float:left;width:1200px; margin-top:60px; overflow:hidden;}
.main_g_area{width:1200px; overflow:hidden;}


.board_btn{ float:left; width:120px; height:40px; margin-left:15px;}
.board_btn a{background:#393939;color:#fff;text-decoration:none;vertical-align:middle;  padding:10px 20px; font-family:'NS Korean',sans-serif; font-size:13px;}
.board_btn a:hover {background:#000;}

/* **************************************** *
 *INDEX.PHP : 배너형_퀵메뉴
 * **************************************** */
#about_total_wrap{ position:relative; margin:0px auto; width:100%; min-width:1200px; height:490px; background:url('../images/adver_img.jpg') no-repeat center top;}
.about_total{margin:0 auto; width:1200px;}
.about_con_total{float:left; width:625px; overflow:hidden; margin-top:100px;}

.quick_name03{margin:0 auto; font-family:'NS Korean',sans-serif; font-size:28px; color:#333; line-height:32px; text-align:left; letter-spacing:-0.65px; margin-bottom:15px; font-weight:600;}
.quick_name04{margin:0 auto; font-family:'NS Korean',sans-serif; font-size:16px; color:#555; text-align:left; letter-spacing:-0.65px; font-weight:500; line-height:24px;}

.abtn{float:left; margin:220px 0 0 0px; width:100%; position:absolute;}
.abtn p a{ padding:12px 50px; font-size:14px; color:#d8580c; line-height:45px; border:1px solid #d8580c; background:rgba(255,255,255,0.5); font-family:'NS Korean',sans-serif; font-weight:600;}
.abtn p a:hover{ background-color:#d8580c; color:#fff; font-weight:600px;}


/*----------------------------------
*INDEX.PHP : 메인_퀵메뉴(1)
----------------------------------*/
#main_middle_total_a{margin:0 auto; width:100%; height:505px; background-color: #fbf8f7;}/*전체*/
#main_quick_total_a{margin: 0 auto; width:1200px; height:260px; margin-top:70px;}/*(1)*/
#main_quick_wrap{float:left;width:1200px; height:260px;}
#main_quick{float:left; width:1200px;}

#main_quick_a_wrap{float:left; position:relative; width:1200px; height:260px;}
.main_quick_a{margin:0 auto; width:1200px; height:260px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:260px; background:url('../images/main_quick.png') center center;}
.main_quick_a li.qmb01 a{width:290px; height:260px; margin-right:13px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:290px; height:260px; margin-right:14px;background-position:-304px top;}
.main_quick_a li.qmb03 a{width:290px; height:260px; margin-right:13px; background-position:-608px top;}
.main_quick_a li.qmb04 a{width:290px; height:260px; background-position:-911px top;}

.main_quick_a li.qmb01 a:hover{width:290px; height:260px; margin-right:13px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:290px; height:260px; margin-right:14px; background-position:-304px bottom;}
.main_quick_a li.qmb03 a:hover{width:290px; height:260px; margin-right:13px; background-position:-608px bottom;}
.main_quick_a li.qmb04 a:hover{width:290px; height:260px; background-position:-911px bottom;}


/*----------------------------------
 *MAIN_TOP: 움직이는 퀵
----------------------------------*/
/*
#quickbanner_total{ position:fixed; right:90px; top:180px; display:table; }
#quickbanner_total ul li{float:right; display:block; clear:both; width:60px; height:60px; overflow:hidden; margin-bottom:7px; -webkit-transition:all 200ms; transition:all 200ms;}
#quickbanner_total ul li a{display:block; width:180px; height:60px; margin-bottom:5px; padding-left:60px;  font-family:'NS Korean',sans-serif; font-size:12px; line-height:60px; color:#333; font-weight:600;letter-spacing:-0.7px; }
#quickbanner_total ul li.q01{ background:#fddc00; border-radius:50px;}
#quickbanner_total ul li.q02{ background:#fddc00; border-radius:50px;}
#quickbanner_total ul li.q03{ background:#ffffff; border-radius:50px; border:1px solid #ddd;}
#quickbanner_total ul li.q04{ background:#ff5f00; border-radius:50px; color:#fff;}

#quickbanner_total ul li.q01 a{ background:url('../images/talk.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q02 a{ background:url('../images/plus.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q03 a{ background:url('../images/kaft.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q04 a{ background:url('../images/top.png') no-repeat 10px 13px; color:#fff;}

#quickbanner_total ul li:hover{width:180px;}
*/
#quickbanner_total{ position:fixed; right:90px; top:180px; display:table; }
#quickbanner_total ul li{float:right; display:block; clear:both; width:60px; height:60px; overflow:hidden; margin-bottom:7px; -webkit-transition:all 200ms; transition:all 200ms;}
#quickbanner_total ul li a{display:block; width:180px; height:60px; margin-bottom:5px; padding-left:60px;  font-family:'NS Korean',sans-serif; font-size:12px; line-height:60px; color:#333; font-weight:600;letter-spacing:-0.7px; }
#quickbanner_total ul li.q01{ background:#fddc00; border-radius:50px;}
#quickbanner_total ul li.q02{ background:#2db400; border-radius:50px; color:#fff;}
#quickbanner_total ul li.q03{ background:#43a738; border-radius:50px; color:#fff;}
#quickbanner_total ul li.q04{ background:#c23e97; border-radius:50px; color:#fff;}
#quickbanner_total ul li.q05{ background:#3c5999; border-radius:50px; color:#fff;}
#quickbanner_total ul li.q06{ background:#ff5f00; border-radius:50px; color:#fff;}

#quickbanner_total ul li.q01 a{ background:url('../images/sns1.png') no-repeat 10px 13px;}
#quickbanner_total ul li.q02 a{ background:url('../images/sns2.png') no-repeat 10px 13px; color:#fff;}
#quickbanner_total ul li.q03 a{ background:url('../images/sns3.png') no-repeat 10px 13px; color:#fff;}
#quickbanner_total ul li.q04 a{ background:url('../images/sns4.png') no-repeat 10px 13px; color:#fff;}
#quickbanner_total ul li.q05 a{ background:url('../images/sns5.png') no-repeat 10px 13px; color:#fff;}
#quickbanner_total ul li.q06 a{ background:url('../images/top.png') no-repeat 10px 13px; color:#fff;}

#quickbanner_total ul li:hover{width:180px;}


/*-------------------------------------------------------------------------------------------
 **서브페이지 코딩**
-------------------------------------------------------------------------------------------*/
#middle_total{margin:0 auto; padding-top:50px; width:1200px; overflow:hidden; min-height:550px;}


/*---------------------------------
  *SUB : 페이지상단이미지*
----------------------------------*/
.sub_img{margin:0 auto; width:100%; height:290px;}
.bg0{ background:url('../images/bg0.jpg') center top;}
.bg1{ background:url('../images/bg1.jpg') center top;}
.bg2{ background:url('../images/bg2.jpg') center top;}
.bg3{ background:url('../images/bg3.jpg') center top;}
.bg4{ background:url('../images/bg4.jpg') center top;}
.bg5{ background:url('../images/bg0.jpg') center top;}

#con{float:left; margin:0px auto; width:1200px; overflow:hidden; padding:0; padding-bottom:30px;}


/*---------------------------------
 *SUB : 탭메뉴*
----------------------------------*/
#tab_nav_total{margin:0 auto; width:100%; height:60px; background-color:#dddddd;}
#tab_nav{width:1200px; margin:0px auto;}
#tab_nav h2{width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
#tab_nav ul{zoom:1; display:table; margin:0 auto;}
#tab_nav ul > li {float:left;margin-bottom:-1px; width:230px; }
#tab_nav ul > li > a {display:block;position:relative;padding:21px 0 21px;width:230px; background:#dddddd;color:#333; text-align:center; line-height:1.2em; cursor:pointer; letter-spacing:-0.5px; font-family:'NS Korean',sans-serif; font-size:15px; font-weight:600; border-right:1px solid #eeeeee;}
#tab_nav ul > li > a:focus, #tab_nav a:hover, #tab_nav a:active  {text-decoration:none; background:#cecece; font-weight:600; color:#000;}
#tab_nav ul > li.on a {z-index:2; box-sizing:border-box; background:#fff; color:#ff5f00; font-weight:600;}



/* **************************************** *
 * 카피라이트 영역
 * **************************************** */
#bottom_total{margin:0 auto; width:1200px; overflow:hidden;}

#copy_total{margin:0 auto; width:1200px; height:90px; border-bottom:1px solid #818181;}
#copy_logo{float:left; width:500px; height:90px;}

.main_title13{font-family:'NS Korean',sans-serif; font-size:14px; color:#eeeeee; line-height:90px; text-align:left; letter-spacing:-0.75px; font-weight:500; clear:both;}

#copy_text{float:left; text-align:left; width:1200px; height:90px; padding-left:0px; margin:30px 0 0 0;  font-family:'NS Korean',sans-serif; font-size:12px; line-height:20px; color:#aaa;}
#copy_link{float:right; width:400px; height:20px; margin:35px 15px 0 0;}
#copy_link a{float:right; margin-left:15px; display:block; font-family:'NS Korean',sans-serif; font-weight:600; font-size:12px; line-height:20px; color:#ccc;}
#copy_link a:hover{color:#ebc700; font-weight:600;}