/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 :
// 작 성 자 : 2013-09-06 강대인
//=================================================================================================*/
@charset "utf-8";
@import url("/common/css/global.css");
@import url("notokr.css");
/* NanumBarunGothic 기본 폰트
@font-face{
font-family: "NanumBarunGothic";
src: url('/common/css/font/NanumBarunGothic.eot')format('eot');
src: url('/common/css/font/NanumBarunGothic.woff') format('woff');
}
 NanumBarunGothic 굵은 폰트
@font-face{
font-family: "NanumBarunGothicBold";
src: url('/common/css/font/NanumBarunGothicBold.eot')format('eot');
src: url('/common/css/font/NanumBarunGothicBold.woff') format('woff');
}*/
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@font-face {
font-family: 'notokr-regular';
src: url('/common/css/font/notokr-regular.eot');
src: url('/common/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('/common/css/font/notokr-regular.woff') format('woff'),
url('/common/css/font/notokr-regular.ttf') format('truetype'),
url('/common/css/font/notokr-regular.svg#notokr-regular') format('svg');
src: url('/common/css/font/notokr-medium.eot');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: "notokr-bold";
src: url('/common/css/font/notokr-bold.eot')format('eot');
src: url('/common/css/font/notokr-bold.woff') format('woff');
}

* { margin:0; padding:0; }
html, body { height:100%; font-size:14px;  font-family:"굴림체", Sans-serif, Dotum, "돋움", Gulim, AppleGothic; margin:0; padding:0;
  scrollbar-face-color:#F2F2F2;
	scrollbar-shadow-color:#c2c2c2;
	scrollbar-highlight-color:#c2c2c2;
	scrollbar-3dlight-color:#FFF;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-track-color:#F2F2F2;
	scrollbar-arrow-color:#c2c2c2;
}




/*김태용 기본 스타일*/
@import url("/modules/user/css/ty_base.css"); /*기본스타일*/
@import url("/modules/user/css/ty_neosans.css"); /*NeoSans 폰트스타일*/
@import url("/modules/user/css/ty_nanumgothic.css"); /*나눔고딕 폰트스타일*/
/*//김태용 기본 스타일*/

html,body,h1,h2,h3,h4,input,button,table{ font-family:'Noto Sans KR','본고딕', 나눔고딕, 'NanumGothic', 'NanumGothicWeb', 돋움, 굴림, Dotum, Gulim, sans-serif;line-height:160%;  color:#666; }
html,body{_text-align:center;background:#fff;}



/* 공통 */
/* 셀렉트 박스  --------------------------------------------------------------------------------------- */
.ssSelectbox { background-color: #f5f1e9; border:1px solid #e5dccf; color: #6c5635; }

.ssThrough { text-decoration:line-through; }

/* input 박스  --------------------------------------------------------------------------------------- */
.ssInput { background: #f7f7f7; border:1px solid #dfe1e6; height: 18px; font-size: 12px; padding:0px 0 0 2px; }
.ssInput_search { border:1px solid #ababab; width: 200px; height:19px; padding:3px 0 0 0; }
/* input file 박스  --------------------------------------------------------------------------------------- */
.SSInput_file_box { float: left; }
.SSInput_file_div { position: relative; width: 54px; height: 20px; overflow: hidden; margin:0 0 5px 0; }
.SSInput_fileimg { width: 49px; position: absolute; top: 0px; left: 5px; }
.SSInput_file { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0;-moz-opacity: 0; }




.dc_h1 {color:#fff;}
.dc_h2 {color:#e6d1d3;}
.ta_center {text-align:center;}

.mt_less {margin:5px 0;}


/* Layout Selector */
#di_wrap {}

#di_wrap #di_accessibility { position: absolute; top:-5px; left:-2000px; }


/* Header */




#di_gnb {width:1000px;margin:0px auto 0;overflow:hidden;font-size:0.85em;padding:5px 0 0px 0;}
#di_gnb ul { margin:0;float:right;}
#di_gnb li { float:left;}
#di_gnb a {color:#888;}
#di_gnb a:hover {color:#000;}
#di_gnb span {padding:0 5px;color:#ccc;}



/* 탑메뉴 */
#di_header {position:relative;width:100%;margin:0 0 0px 0;z-index:999;height:110px;border-bottom:1px solid #eee;}
#di_menu  {width:100%;  margin:0 auto; background:#fff;height:50px;}

#di_nav {width:1000px;height:50px;margin:0px auto;}
#di_nav .dc_logo {width:200px;text-align:left;margin:0;padding:18px 0 0px 0;float:left;}
#di_nav .dc_nav {float:right;width:720px;  margin:0;padding:20px 0 0 0;}

.gnb { position:absolute; height:50px; z-index:999; }
.gnb li { float:left;   }
.gnb_li {width:180px;}
.gnb_li .gnbTit {height:50px;line-height:46px;color:#222;font-size:1.6em;text-align:center; }
.gnb_li .gnbTit.tmenu {background:#d4d0cc;}
/*.gnb_li a {display:block;border-top:5px solid #ffffff;}*/
.gnb_li a {display:block;}
.gnb_li a:hover { display:block;color:#000;}
.gnb>li>ul.gnb_sub { height:230px;border-right:1px dotted #fff;overflow:hidden;}
.gnb>li>ul.gnb_sub li { line-height:150%; padding:5px 0; text-align:center; margin:0 auto;}
.gnb>li>ul.gnb_sub li a {width:180px; font-size:1.2em;display:block;padding:2px 0; color:#fff; text-align:center;line-height:150%;-webkit-transition: background 0.3s;transition: background 0.3s;margin:1px 0;}
.gnb>li>ul.gnb_sub li a:hover {color:#fff;font-weight:bold;line-height:150%;background:#222;}
.gnb_line { width:1000px;position:absolute; top:109px; left:0;height:230px;margin:0 auto; background:#c10c3d; opacity:0.9;z-index:999;  right:0;}
.gnb_line .gnb_back {width:1000px;margin:0 auto;}

.gnb_sub1 { padding:10px 0 0 0px;}
.gnb_sub2 { padding:10px 0 0 0px; }
.gnb_sub3 { padding:10px 0 0 0px; }
.gnb_sub4 { padding:10px 0 0 0px; }
.gnb_sub5 { padding:10px 0 0 0px; }
.gnb_sub6 { padding:10px 0 0 0px; }

/* 탑메뉴 */

/* 메인비주얼 */

.flick-title .title {font-size:2em;}
.flick-sub-text {font-size:2em;}
.flick-sub-text .stitle1 {background:#4c1a15;opacity:0.8;}
.flick-sub-text .stitle2 {background:#cd2801;opacity:0.8;}
.flick-sub-text .stitle3 {background:#a73300;opacity:0.8;}
.flick-sub-text .stitle4 {background:#800700;opacity:0.8;}
.flick-sub-text .stitle5 {background:#33410e;opacity:0.8;}
.flick-sub-text .stitle6 {background:#680e12;opacity:0.8;}

#di_main_visual {width:100%;height:500px;margin:0 auto;background:#e3edf3 url(/modules/user/img/main/main_visual_01.jpg) no-repeat top center;}
#di_main_visual .dc_main_visual {width:100%;margin:0 auto;position:relative;}
#di_main_visual .dc_main_visual img {}
#di_main_visual .dc_main_visual .btn {display:block;margin:150px auto 0;background:#c9a949 url(/modules/user/img/main/arrow_01.png) no-repeat 95% 55%;
width:280px;height:50px;line-height:45px;color:#fff;font-size:0.8em;border:2px solid #ffe1a5;padding:0 30px 0 0;-webkit-transition: background 0.3s;transition: background 0.3s;}
#di_main_visual .dc_main_visual .btn:hover {background:#e5c35c url(/modules/user/img/main/arrow_01.png) no-repeat 97% 55%;}


/*new메인페이지 */

.dc_mc_menu {width:1000px;margin:40px auto;overflow:hidden;}

.dc_mc_menu li {float:left;width:367px;border:1px solid #fff;margin:0 0px 0 0;opacity:1;-webkit-transition: background 0.3s;transition: background 0.3s;	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}
.dc_mc_menu li:hover {opacity:1;}

.dc_mc_menu li.end {float:left;margin:0 0px 0 0;}
.dc_mc_menu .mc_menu_1 {height:250px;text-align:center;background:#a6afa5 url(/modules/user/img/main/mc_01_bg.gif) no-repeat;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .mc_menu_2 {height:250px;text-align:center;background:#c1b9a8;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .mc_menu_3 {height:250px;text-align:center;background:#c1c1ba;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .mc_menu_4 {height:250px;text-align:center;background:#8f978b;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .mc_menu_5 {height:250px;text-align:center;background:#999c7b;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .mc_menu_6 {height:250px;text-align:center;background:#808c7e;-webkit-transition: background 0.3s;transition: background 0.3s;}


.dc_mc_menu .mc_menu_1:hover {height:250px;text-align:center;background:#838c81;}
.dc_mc_menu .mc_menu_2:hover {height:250px;text-align:center;background:#a39984;}
.dc_mc_menu .mc_menu_3:hover {height:250px;text-align:center;background:#a3a39b;}
.dc_mc_menu .mc_menu_4:hover {height:250px;text-align:center;background:#6a7267;}
.dc_mc_menu .mc_menu_5:hover {height:250px;text-align:center;background:#747857;}
.dc_mc_menu .mc_menu_6:hover {height:250px;text-align:center;background:#5b675a;}

.dc_mc_menu .htitle {text-align:center;color:#fff;font-size:2em;padding:40px 0 0 0;}
.dc_mc_menu .stitle {text-align:center;color:#fff;font-size:1.2em;opacity:0.9;padding:10px 0 25px 0;}
.dc_mc_menu .text {text-align:center;color:#fff;opacity:0.7;padding:10px 30px;height:70px;}
.dc_mc_menu .btn_view {opacity:0.6;border:1px solid #fff; color:#fff;background:url(/modules/user/img/main/arrow_01.png) no-repeat 90% 50%;display:block;width:130px;height:30px;line-height:30px;text-align:center;margin:0 auto;-webkit-transition: background 0.3s;transition: background 0.3s;}
.dc_mc_menu .btn_view:hover {background:#333 url(/modules/user/img/main/arrow_01.png) no-repeat 90% 50%;}







.dc_franchise {width:100%;height:410px;margin:0px auto;background:url(/modules/user/img/main/franchise_bg.jpg) repeat top center;}

.dc_franchise ul {width:1000px;margin:0px auto;padding:60px 0 0 40px;}
.dc_franchise li {float:left;padding:0px 45px;
-webkit-transition: background 0.3s;transition: background 0.3s;
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;}

.dc_franchise li:hover{
transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);}

.dc_franchise .franchise_1 {width:190px;height:190px;border-radius:50%;background:#fff url(/modules/user/img/main/franchise_01.png) no-repeat 50% 40%;overflow:hidden;box-shadow:2px 2px 2px #ccc;}
.dc_franchise .franchise_1:hover {}
.dc_franchise .franchise_2 {width:190px;height:190px;border-radius:50%;background:#fff url(/modules/user/img/main/franchise_02.png) no-repeat 50% 40%;overflow:hidden;box-shadow:2px 2px 2px #ccc;}
.dc_franchise .franchise_2:hover {}
.dc_franchise .franchise_3 {width:190px;height:190px;border-radius:50%;background:#fff url(/modules/user/img/main/franchise_03.png) no-repeat 50% 40%;overflow:hidden;box-shadow:2px 2px 2px #ccc;}
.dc_franchise .franchise_3:hover {}
.dc_franchise .franchise_4 {width:190px;height:190px;border-radius:50%;background:#fff url(/modules/user/img/main/franchise_04.png) no-repeat 50% 40%;overflow:hidden;box-shadow:2px 2px 2px #ccc;}
.dc_franchise .franchise_4:hover {}
.dc_franchise .title {color:#545759;font-size:1.5em;text-align:center;margin:10px 0 0 0;}
.dc_franchise .htitle {color:#545759;font-size:3.2em;text-align:center;padding:45px 0 0 0;}




/* main contents */
/*#di_container #di_contents { position:relative; margin:0 auto; width:1000px; min-height:600px; background:url(/images/main/contents_bg.gif) repeat-x;}*/
/* Container */
#di_container { margin:0 0 0px 0; overflow:hidden;height:880px;}
#di_container #di_contents { margin:0 auto; width:1000px;}

#di_container #di_main_banner .dc_main_visual { width:1000px; height:400px;}
#di_container #di_main_banner ul { overflow:hidden; }

#di_container #di_left_banner { float:left; margin:0 0 20px 0; }


/*footer*/

#di_footer {width:100%;height:150px; clear:both;border-top:1px solid #ddd; font-family:'Noto Sans KR','본고딕',  나눔고딕, 'NanumGothic', 'NanumGothicWeb';margin:25px auto 0;}
#di_footer #di_copyright { width:1000px; margin:0 auto;}
#di_footer #di_copyright ul { overflow:hidden; }
#di_footer #di_copyright ul li { float:left; }

.dc_copy {text-align:left;margin:0px 0;color:#999;font-size:0.9em;font-family:'Noto Sans KR','본고딕',  나눔고딕, 'NanumGothic', 'NanumGothicWeb';line-height:140%;overflow:hidden;padding:0 0px 0 0;}
.dc_copy .dc_span {padding:0 4px; color:#ccc;}
.dc_footer_logo { float:right; margin:0px 15px 0 0; height:30px;}


.dc_copyright {width:1000px;margin:0 auto;padding:2px 0 0 0px;text-align:left}
.dc_copyright a {color:#888;}


.dc_copyright2 {padding:10px 0;}
.dc_copyright2 a {color:#888;}

#di_footer .dc_footer {overflow:hidden;padding:20px 0 15px 0;width:1000px; margin:0 auto;}
#di_footer .dc_footer .footer_logo {text-align:left;width:250px;float:left;}
#di_footer .dc_footer ul {padding:0 0 0 0px;}
#di_footer .dc_footer a {color:#888;}
#di_footer .dc_footer a:hover {color:#000;}
#di_footer .dc_footer span {padding:0 5px;color:#ccc;}
#di_footer .dc_footer .dc_family {float:right;}
#di_footer .dc_footer .dc_family span {color:#777;}
#di_footer .dc_top  {position:relative;right:0;top:-40px;float:right;}
#di_footer .dc_footer .link {}
#di_footer .dc_footer .sns a {margin:0;}
#di_footer .dc_footer .sns {float:right;margin:0 0 0 0px;text-align:right;}
#di_footer .dc_footer .sns img {margin:0 1px;}

/* 풋터메뉴 */
#di_foot_menu {float:left;width:800px;border-left:0px solid #cecece;overflow:hidden;}
#di_foot_menu .dc_foot_menu {padding:20px 0 0 0px;}
#di_foot_menu .dc_foot_menu ul {}
#di_foot_menu .dc_foot_menu li {float:left; overflow:hidden;width:120px;text-align:left;}
#di_foot_menu .dc_foot_menu .foot_menu {padding:10px 0 0 0;}
#di_foot_menu .dc_foot_menu .foot_menu li {clear:both;}
#di_foot_menu .dc_foot_menu a {color:#aaabac;font-size:0.9em;}
#di_foot_menu .dc_foot_menu a:hover {color:#fff;}
#di_foot_menu a.dc_foot_title {font-size:1.1em; color:#fff;padding:0 0 0px 0;}


/* 공통 */
.pr {padding:0 20px 0 0;}
.dc_none {padding:0;}
.clear {clear:both;}

.dc_black {color:#000;}






/* 공지사항 */
#di_notice {width:100%;height:50px;margin:0 auto;overflow:hidden;}
#di_notice .dc_notice {width:1000px;margin:0 auto;background:url(/modules/user/img/main/title_notice.png) no-repeat 0px 50%;}
#di_notice .dc_more {position:relative; top:-35px;float:right;text-align:right;padding:0 2px 0 0;}
#di_notice .dc_slideNotice {width:700px;padding:0px 0 0 0px; float:left; height: 50px;position:relative: top:20px;}
#di_notice .slide {line-height: 48px;padding:0 0 0 95px;}
#di_notice .latest_list_notice  {margin:0px 0 0 0;line-height:46px;padding:0 0 0 100px;}
.latest_list_press  {margin:0px 0 0 0;line-height:170%;}

.m_title {text-align:center;margin:60px 0 20px 0;overflow:hidden;}
.s_title {text-align:center;color:#e2e2e2;font-size:1.3em;margin:0 0 25px 0;overflow:hidden;}
.s_title a {color:#e2e2e2;}
.s_title span {color:#a5a5a8;margin:0 10px;font-size:1em;}

#di_mc_box {width:1000px;margin:0px auto 0;overflow:hidden;background:#fff;border-left:1px solid #ddd;border-top:1px solid #ddd;z-index:999;position:relative;top:-251px}
#di_mc_box .title {color:#333;font-size:1.5em;font-weight:bold;line-height:100%;margin:0 0 25px 0;}
#di_mc_box .more {float:right;position:relative; top:-50px;}
.mc_box1 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box1 .input_st {width:190px;float:left;margin:0 6px 0 0;}
.mc_box1 .input_st input {width:100%;border:1px solid #ddd;padding:8px;font-size:1em;color:#085b9f;margin:0px 0 5px 0;}
.mc_box1 .btn_st  {float:left;display:block;background:#b8b8b8;color:#fff;font-size:1.2em;text-align:center;width:85px;height:84px;padding:30px 0 0 0;}
.mc_box1 .btn_st:hover {background:#666;}
.mc_box1 .input_st .txt {font-size:1.2em;}
.mc_box1 .input_st .txt strong {color:#6173f1;}

.mc_box2 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box3 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box3 .input_st {width:230px;float:left;margin:0 0px 0 0;}
.mc_box3 .input_st input {width:100%;border:1px solid #ddd;padding:8px;font-size:1em;color:#085b9f;margin:0px 0 0px 0;}
.mc_box3 .btn_st  {float:left;display:block;background:#b8b8b8;color:#fff;font-size:1.2em;text-align:center;width:50px;height:40px;padding:0px 0 0 0;}
.mc_box3 .btn_st:hover {background:#666;}
.mc_box3 .mt {clear:both;overflow:hidden;padding:20px 0 0 0;}

.mc_box4 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box5 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box5 a {color:#666;line-height:180%;}
.mc_box5 a:hover {color:#222;text-decoration:underline;}
.mc_box6 {width:333px;height:250px;float:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;padding:45px 25px;}
.mc_box6 ul {overflow:hidden;}
.mc_box6 li {width:33%;height:120px;float:left;text-align:center;line-height:120%;background:url(/modules/user/img/main/dot_line.png) repeat-y 100% 0%;}
.mc_box6 a {font-size:1.15em;color:#444;}
.mc_box6 a:hover {color:#c10c3d;}
.mc_box6 .tit {height:40px;}
.mc_box6 img {text-align:center;}


.notice_list {}
.notice_list a {color:#666;line-height:180%;}
.notice_list a:hover {color:#222;text-decoration:underline;}

.mb_banner {width:1000px;margin:0 auto;}
.mb_banner img {width:100%;}




a.btn_detail {border:1px solid #fff;padding:10px 35px;color:#fff;background:none;text-align:center;-webkit-transition: background 0.3s;transition: background 0.3s;-webkit-transition: border 0.3s;transition: border 0.3s}
a.btn_detail:hover {background:#000;color:#fff;opacity:0.7}

a.btn_detail2 {border:1px solid #fff;width:300px;height:55px;line-height:55px;color:#fff;background:none;text-align:center;font-size:1.4em;display:block;margin:20px auto;-webkit-transition: background 0.3s;transition: background 0.3s;-webkit-transition: border 0.3s;transition: border 0.3s}
a.btn_detail2:hover {background:#000;color:#fff;opacity:0.7}






/*오른쪽퀵*/
#di_quick_right {display:none;}