@charset "utf-8";

label, input, select{vertical-align:middle;}
body{font-size:14px; font-family:'KoPubWorldDotum', '맑은 고딕', 'Malgun Gothic', Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#333; letter-spacing:0; }
input, textarea, select{ font-family:'KoPubWorldDotum', sans-serif !important; }
input[type="checkbox"]{ border:1px solid #ddd;}

/* header */
#header{ position:absolute; left:0; top:0; width:100%; background:#fff; z-index:1000; }
#header .top{ padding-top:30px; height:140px; box-sizing:border-box; }
#header .top .inner{ position:relative; margin:0 auto; width:calc(100% - 40px); max-width:1570px; }
#header .top .inner .slogan{ display:inline-block; position:absolute; left:0; top:50%; font-size:30px; line-height:32px; letter-spacing:-0.08em; font-family: 'OTEnjoystoriesBA'; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
#header .top .inner .slogan strong{ display:block;  background: linear-gradient(to right, #ff731b, #ea002c);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#header .top .inner .slogan strong:nth-child(2){ margin-left:30px; }
#header .top .inner .slogan .s1{ font-size:34px; }
#header .top .inner .slogan .s2{ font-size:40px; }
#header .top .inner h1{ display:block; margin:0 auto;  width:482px; height:74px;}
#header .top .inner h1 a{ display:block; width:100%; height:100%; background:url('../images/common/logo.png') no-repeat center; background-size:cover; text-indent:-9999px; }

#header .top .inner .ct_num{ position:absolute; right:0; top:50%; display:inline-block; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
#header .top .inner .ct_num > div{ font-size:0; margin-bottom:4px; }
#header .top .inner .ct_num > div:last-child{ margin-bottom:0; }
#header .top .inner .ct_num > div > span{ display:inline-block; vertical-align:top; position:relative; padding-left:36px; height:30px; width:102px; font-size:18px; line-height:30px; color:#d81c16; font-weight:700; letter-spacing:-0.05em; box-sizing:border-box; }
#header .top .inner .ct_num > div > span:after{ content:''; position:absolute; left:0; top:50%; margin-top:-15px; width:30px; height:30px; background:#d81c16 url('../images/icon/head_phone.png') no-repeat center; border-radius:50%; }
#header .top .inner .ct_num > div strong{ display:inline-block; vertical-align:top; font-size:26px; line-height:30px; color:#d81c16; font-weight:800; font-family: 'SCoreDream'; }

#main #header .top .inner .ct_num > div > span.sub_show{ display:none; }
#main #header .top .inner .ct_num > div > span.main_show{ display:inline-block; }

#sub #header .top .inner .ct_num > div > span.sub_show{ display:inline-block; }
#sub #header .top .inner .ct_num > div > span.main_show{ display:none; }

#header .top .inner .ct_num > div.ct2 > span{ color:#06783d; }
#header .top .inner .ct_num > div.ct2 > span:after{ background-color:#06783d; }
#header .top .inner .ct_num > div.ct2 strong{ color:#06783d; }

#header .top .inner .link_go{ display:block; margin-top:5px; font-size:18px; line-height:30px; color:#fff; font-weight:700; letter-spacing:-0.05em; background:#ff731b; border-radius:15px; text-align:Center; }
#header .top .inner .link_go:hover{ background:#06783d; }
#header .top .inner .link_go > span{ display:inline-block; vertical-align:top; margin:0 9px; font-size:0; }
#header .top .inner .link_go > span > span{ display:inline-block; vertical-align:top; margin-right:-2px; width:9px; height:30px; background:url('../images/common/head_ar.png') no-repeat center; background-size:contain; animation: linkar 2s infinite; animation-timing-function: ease-in-out; }
#header .top .inner .link_go > span > span:nth-child(2){ opacity:0.5; animation-delay: 100ms; }
#header .top .inner .link_go > span > span:nth-child(3){ opacity:0.2; animation-delay: 200ms; }

@keyframes linkar {
    0% {
        opacity:1;
    }
    50% {
        opacity: 0;
    }
	100% {
        opacity:1;
    }
}

#header .top .inner .link_go strong{ display:inline-block; vertical-align:top; font-size:20px; color:#ffde00; font-weight:800; font-family: 'SCoreDream'; }

#header .btm{ background:#eee; border-top:1px solid #339933; border-bottom:1px solid #339933; }
#header .btm #gnb{ margin:0 auto; width:calc(100% - 50px); max-width:1600px; display:flex; align-items: center; justify-content: center; height:60px; font-size:0; }
#header .btm #gnb > li{ position:relative; display:inline-block; vertical-align:top; margin-right:37px; }
#header .btm #gnb > li:last-child{ margin-right:0; }
#header .btm #gnb > li > a{ display:flex; align-items: center; justify-content: center; height:60px; font-size:15px; line-height:20px; color:#222; font-weight:600; font-family: 'SCoreDream'; word-break: keep-all; word-wrap: break-word; text-align:center; }
#header .btm #gnb > li:last-child > a{ color:#06783d; }
#header .btm #gnb .dep02{ display:none; position:absolute; left:50%; top:50px; padding:10px 10px; width:116px; background:#ff731b; border-radius:10px; text-align:Center; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:1; box-shadow:10px 0 20px rgba(0,0,0,.2); box-sizing:border-box; }
#header .btm #gnb .dep02 li{ margin-bottom:10px; }
#header .btm #gnb .dep02 li:last-child{ margin-bottom:0; }
#header .btm #gnb .dep02 li a{ display:block; font-size:14px; line-height:20px; color:#fff; font-weight:700; word-break: keep-all; word-wrap: break-word; }

#header .btm #gnb > li > a:hover{color:#ff731b; }
#header .btm #gnb > li:last-child > a:hover{ color:#ff731b; }
#header .btm #gnb .dep02 li a:hover{ text-decoration:underline; }

#container{ padding-top:200px; }

/* footer */
#footer .inner{ margin:0 auto; width:calc(100% - 40px); max-width:1240px; }
#footer .btn_top{ display:none; position:fixed; right:20px; bottom:20px; width:80px; height:80px; border-radius:20px; background: linear-gradient(0deg, rgba(248,136,25,1) 0%, rgba(221,16,32,1) 100%); z-index:1000; }
#footer .btn_top span{ position:relative; display:block; padding-top:20px; font-size:16px; line-height:26px; color:#fff; font-weight:700; }
#footer .btn_top span:before{ content:''; position:Absolute; left:50%; margin-left:-7px; top:0; width:13px; height:8px; background:url('../images/btn/top_ar.png') no-repeat center;}
#footer .btn_top span:After{ content:''; position:Absolute; left:50%; margin-left:-7px; top:7px; width:13px; height:8px; background:url('../images/btn/top_ar.png') no-repeat center;}
#footer .btn_top:hover span:before{ animation: linkar 1s infinite; animation-timing-function: ease-in-out; animation-delay: 100ms;}
#footer .btn_top:hover span:After{ animation: linkar 1s infinite; animation-timing-function: ease-in-out;}
#footer .top{ padding:35px 0 40px; background:#535353; overflow:hidden; }
#footer .top strong{ display:block; margin-bottom:15px; font-size:20px; line-height:30px; color:#fff; font-weight:800; font-family: 'SCoreDream'; }
#footer .top ul{ font-size:0; margin-right:-32px; }
#footer .top ul li{ display:inline-block; vertical-align:top; width:Calc(16.66% - 32px); margin-right:32px; }
#footer .top ul li a{ position:relative; display:flex; align-items: center; justify-content: center; padding:0 5px; height:50px; font-size:16px; line-height:20px; color:#fff; font-weight:700; background:#000; border-radius:5px; word-break: keep-all; word-wrap: break-word; text-align:center; box-sizing:border-box;  transition: all 250ms ease; overflow:hidden; }
#footer .top ul li a span{ position:relative; z-index:1; }
#footer .top ul li a:after {background-color: #363636; content: ''; width: 150%;height: calc(100% + 2px);display: block;position: absolute;top: 0;left: 50%;animation-name: bgin;animation-duration: 400ms;	transform: skew(-45deg) translate(-50%);}
#footer .top ul li a:hover {color: #fff;}
#footer .top ul li a:hover:after {animation-name: bgout;transform: skew(-45deg) translate(-150%);}
@keyframes bgin {
from {
	transform: skew(-45deg) translate(-150%)
}
to {
	transform: skew(-45deg) translate(-50%)
}
}

@keyframes bgout {
from {
	transform: skew(-45deg) translate(-50%)
}
to {
	transform: skew(-45deg) translate(50%)
}
}
#footer .mid{ padding:40px 0 30px; background:#2a2a2a; }
#footer .mid .inner{ font-size:0; }
#footer .mid .inner > div{ display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; }
#footer .mid .left{ padding-right:20px; }
#footer .mid .left .logo{ margin-bottom:15px; width:459px; height:60px; background:url('../images/common/f_logo.png') no-repeat center; background-size:cover; }
#footer .mid .left ul li{ font-size:16px; line-height:26px; color:#aaa; font-weight:700; }
#footer .mid .left .copy{ font-size:16px; line-height:26px; color:#aaa; font-weight:700; }
#footer .mid .right{ padding-left:20px; }
#footer .mid .right p{ padding:25px 23px; font-size:16px; line-height:26px; color:#aaa; font-weight:700; border-radius:10px; background:#363636; word-break: keep-all; word-wrap: break-word; }
#footer .mid .right p strong{ font-size:20px; color:#fff; font-weight:600; font-family: 'SCoreDream'; }
#footer .mid .right p .s1{ font-size:26px; color:#ff731b; font-family: 'OTEnjoystoriesBA'; }
#footer .mid .right p .s2{ color:#ff731b; }
#footer .btm{ padding:20px 0; background:#212121; }
#footer .btm ul{ font-size:0; }
#footer .btm ul li{ display:inline-block; vertical-align:top; margin-right:15px; }
#footer .btm ul li:last-child{ margin-right:0; }
#footer .btm ul li a{ display:block; font-size:16px; line-height:26px; color:#ffcc00; font-weight:700; }

.layout{ margin:0 auto; width:calc(100% - 40px); max-width:1240px; }

/* sub common */
#s_visual{ background:url('../images/sub/sub_v01.jpg') no-repeat center; background-size:cover; overflow:hidden; }
#s_visual.s_visual10{ background:url('../images/sub/sub_v10.jpg') no-repeat center left 30%; background-size:cover; overflow:hidden; }

#s_visual .slogan{ display:flex; flex-wrap:wrap; align-content: center; margin:0 auto; width:calc(100% - 40px); max-width:1425px; height:340px; box-sizing:border-box; text-align:right; }
#s_visual .slogan .txt1{ width:100%; font-size:0; margin-bottom:45px; word-break: keep-all; word-wrap: break-word;  text-shadow:0 0 10px rgba(255,255,255,1); }
#s_visual.s_visual10 .slogan .txt1{ text-align:right; }
#s_visual .slogan .txt1 > span{ display:inline-block; vertical-align:top; margin-right:35px; font-size:20px; line-height:30px; color:#891edd; font-weight:800; font-family: 'SCoreDream'; font-style:italic; }
#s_visual .slogan .txt1 > span:last-child{ margin-right:0; }
#s_visual .slogan .txt1 > span .ar{ font-size:14px; }
#s_visual .slogan .txt2{ width:100%; font-size:0; margin-bottom:45px; word-break: keep-all; word-wrap: break-word; text-shadow:0 0 10px rgba(255,255,255,1); }
#s_visual .slogan .txt2 span{ display:inline-block; vertical-align:top; margin-left:45px; font-size:30px; line-height:40px; color:#ad0101; font-weight:800; font-family: 'SCoreDream'; font-style:italic; }
#s_visual .slogan .txt2 span:first-child{ margin-left:0; }
#s_visual .slogan .txt3{ width:100%; font-size:30px; line-height:40px; color:#162b84; font-weight:800; font-family: 'SCoreDream'; word-break: keep-all; word-wrap: break-word; text-shadow:0 0 10px rgba(255,255,255,1); }

#sub .contents{ padding:30px 0 100px;}
#sub .contents > .layout{ font-size:0; }
#sub .contents > .layout .left_menu{ display:inline-block; vertical-align:top; width:260px; box-sizing:border-box; }

.left_menu .banner_tel{ display:flex; flex-wrap:wrap; align-items: center; padding:20px 17px; min-height:370px; margin-bottom:20px; border-radius:10px; text-align:center; box-shadow:rgb(6 120 61 / 30%) 0 0 20px inset; box-sizing:border-box; }
.left_menu .banner_tel div{ width:100%; }
.left_menu .banner_tel .txt1{ position:relative; margin-bottom:13px; padding-left:50px; font-size:15px; line-height:20px; color:#06783d; letter-spacing:-0.05em; text-align:left; font-weight:700; word-break: keep-all; word-wrap: break-word; }
.left_menu .banner_tel .txt1:after{ content:''; position:absolute; left:0; top:50%; margin-top:-22px; width:44px; height:44px; background:url('../images/common/left_m_iso.jpg') no-repeat center; background-size:cover; }
.left_menu .banner_tel .txt1 strong{ display:block; font-size:18px; line-height:20px; font-weight:800; font-family: 'SCoreDream'; }
.left_menu .banner_tel .tel01{ margin-bottom:15px; font-size:26px; line-height:36px; color:#950000; font-weight:800; font-family: 'SCoreDream'; }
.left_menu .banner_tel .txt2{ padding-top:122px; font-size:20px; line-height:30px; color:#162b84; font-weight:800; font-family: 'SCoreDream'; background:url('../images/sub/banner_tel.png') no-repeat center top; }
.left_menu .banner_tel .tel02{ font-size:22px; line-height:32px; color:#ff731b; font-weight:800; font-family: 'SCoreDream'; }

.left_menu .snb_tit{ display:flex; flex-wrap:wrap; align-content: center; height:160px; border-radius:10px 10px 0 0; background:url('../images/sub/snb_tit_bg.jpg') no-repeat center; background-size:Cover; text-align:Center; }
.left_menu .snb_tit h2{ width:100%; font-size:16px; line-height:26px; color:#fff; font-weight:700; }
.left_menu .snb_tit p{ width:100%; font-size:28px; line-height:38px; color:#fff; font-weight:700; font-family: 'SCoreDream'; }

.left_menu #snb{ }
.left_menu #snb ul li{ border-bottom:1px solid #ddd; }
.left_menu #snb ul li.on{ border-bottom-color:#162b84;}
.left_menu #snb ul li a{ position:relative; display:flex; align-items: center; padding:10px 20px; height:60px; font-size:16px; line-height:20px; color:#666; font-weight:400; font-family: 'SCoreDream'; box-sizing:border-box; word-break: keep-all; word-wrap: break-word; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; transition:background 0.4s; }
.left_menu #snb ul li a:hover{ background:#fafafa; color:#06783d; font-weight:500; }
.left_menu #snb ul li.on a:after{ content:''; position:absolute; right:28px; top:50%; margin-top:-7px; width:9px; height:14px; background:url('../images/btn/snb_ar.png') no-repeat center; background-size:cover; }
.left_menu #snb ul li.on a{ color:#162b84; font-weight:800; background:#fafafa; }

#sub .contents > .layout .right_con{ display:inline-block; vertical-align:top; padding:0 0 0 60px; width:calc(100% - 260px); box-sizing:border-box;}
.right_con .con_tit{ margin-bottom:20px; padding:22px 30px 5px; border-radius:10px 10px 0 0; border:2px solid #ddd; border-bottom:0; box-sizing:border-box; }
.right_con .con_tit:after{ content:''; display:block; clear:both; }
.right_con .con_tit h3{ display:inline-block; vertical-align:top; position:relative; padding-left:70px; font-size:24px; line-height:46px; color:#111; font-weight:800; font-family: 'SCoreDream'; }
.right_con .con_tit h3:after{ content:''; position:absolute; left:0; top:0; width:60px; height:47px; background:url('../images/icon/sub_tit_bullet.png') no-repeat center; background-size:cover;}
.right_con .con_tit .nav{ display:inline-block; float:right; font-size:0; }
.right_con .con_tit .nav li{ display:inline-block; vertical-align:top; position:relative; padding-right:19px; margin-right:9px; font-size:15px; line-height:46px; color:#666; font-weight:500; }
.right_con .con_tit .nav li:last-child{ padding-right:0; margin-right:0; }
.right_con .con_tit .nav li:after{ content:''; position:absolute; right:0; top:50%; margin-top:-7px; width:9px; height:14px; background:url('../images/icon/nav_ar.png') no-repeat center; background-size:cover; }
.right_con .con_tit .nav li:last-child:after{ display:none; }

/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box{ padding:0 30px; }
#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}

/* PC */
@media all and (min-width:1025px){
.pc_show{ display:block !important;}
.pc_i_show{ display:inline-block !important;}
.m_show{ display:none !important;}
.m_i_show{ display:none !important;}

#header .m_menu_btn{ display:none !important; }
#header .menu_wrap{ display:none !important; }
#header .top .inner .m_tel{ display:none; }
	
#footer .m_f_tel {display: none!important;}
}

@media all and (max-width:1350px){
#header .btm #gnb > li{ margin-right:20px; }
#header .btm #gnb > li a{ font-size:15px; }
}

@media all and (max-width:1200px){

#header .top{ padding-top:40px; }
#header .top .inner h1{ width:380px; height:58px;}

#header .btm #gnb > li{ margin-right:15px; }
#header .btm #gnb > li a{ font-size:13px; }
}


/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	.pc_show{ display:none !important;}
	.pc_i_show{ display:none !important;}
	.m_show{ display:block !important;}
	.m_i_show{ display:inline-block !important;}

	/* header */
	#header{ position:fixed; }
	#header.scroll{ box-shadow:0 0 15px 0 rgba(0,0,0,.2)}
	#header .top{ padding-top:10px; height:70px;  }
	#header .top .inner .slogan{ display:none; }
	#header .top .inner .logo{ text-align:center; }
	#header .top .inner h1{ width:219px; height:34px; }
	#header .top .inner h1 a{ position:relative; background: url('../images/common/logo_m.png') no-repeat right center; background-size:163px auto;}
	#header .top .inner h1 a:after{ content:''; position:absolute; left:0; top:7px; width:50px; height:38px;  background: url('../images/common/logo_m_flag.png') no-repeat center; background-size: cover;}
	#header .top .inner > .ct_num{ display:none; }
	#header .top .inner .m_tel{ display:inline-block; margin-left:55px; margin-top:5px; font-size:11px; line-height:16px; color:#950000; font-family: 'SCoreDream'; font-weight:700; }
	#header .top .inner .m_menu_btn{ display:block; position:absolute; right:-20px; top:-10px; width:63px; height:70px; background:transparent; }
	#header .top .inner .m_menu_btn span{ position:absolute; left:23px; width:20px; height:2px; background:#000; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
	#header .top .inner .m_menu_btn span:nth-child(1){ top:25px; }
	#header .top .inner .m_menu_btn span:nth-child(2){ top:34px; }
	#header .top .inner .m_menu_btn span:nth-child(3){ top:43px; }

	#header .top .inner .m_menu_btn.close span:nth-child(1){ top:34px; -webkit-transform: rotate( 225deg ); -moz-transform: rotate( 225deg ); transform: rotate( 225deg );}
	#header .top .inner .m_menu_btn.close span:nth-child(2){ opacity:0; }
	#header .top .inner .m_menu_btn.close span:nth-child(3){ top:34px; -webkit-transform: rotate( -225deg ); -moz-transform: rotate( -225deg ); transform: rotate( -225deg );}

	#header .top .inner .menu_wrap{ display:none; position:fixed; left:0; top:70px; width:100%; height:calc(100% - 70px); background:#fff; z-index:1000; overflow-y:auto; border-top:1px solid #aaa; }
	#header .top .inner .menu_wrap .m_ct_num{ display:flex; flex-wrap:wrap; height:110px;  }
	#header .top .inner .menu_wrap .m_ct_num a{ display:flex; flex-wrap:wrap; align-items: center; justify-content: center; align-content: center; width:50%; text-align:Center; }
	#header .top .inner .menu_wrap .m_ct_num a.ct1{ background:#ff731b; }
	#header .top .inner .menu_wrap .m_ct_num a.ct2{ background:#06783d; }
	#header .top .inner .menu_wrap .m_ct_num a span{ display:block; width:100%; padding-top:35px; font-size:13px; line-height:18px; color:#fff; font-weight:600; font-family: 'SCoreDream'; }
	#header .top .inner .menu_wrap .m_ct_num a.ct1 span{ background:url('../images/btn/btn_ct1.png') no-repeat center top; background-size:23px auto; }
	#header .top .inner .menu_wrap .m_ct_num a.ct2 span{ background:url('../images/btn/btn_ct2.png') no-repeat center top; background-size:25px auto; }
	#header .top .inner .menu_wrap .m_ct_num a strong{ display:block; width:100%; font-size:18px; line-height:23px; color:#fff; font-weight:800; font-family: 'SCoreDream';  }
	#header .top .inner .menu_wrap #m_gnb{}
	#header .top .inner .menu_wrap #m_gnb > li{ border-bottom:1px solid #ddd; }
	#header .top .inner .menu_wrap #m_gnb > li > a{ position:relative; display:block; padding:0 20px; font-size:15px; line-height:50px; color:#222; font-weight:600; font-family: 'SCoreDream'; }
	#header .top .inner .menu_wrap #m_gnb > li > a:before{ content:''; position:absolute; right:20px; top:25px; width:17px; height:2px; background:#aaa; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#header .top .inner .menu_wrap #m_gnb > li > a:after{ content:''; position:absolute; right:27px; top:18px; width:2px; height:17px; background:#aaa; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
	#header .top .inner .menu_wrap #m_gnb > li > a.on{ color:#162b84; }
	#header .top .inner .menu_wrap #m_gnb > li > a.on:before{ background:#162b84; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg );}
	#header .top .inner .menu_wrap #m_gnb > li > a.on:after{ opacity:0; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg ); }
	#header .top .inner .menu_wrap #m_gnb > li.none_dep2 > a:before{ display:none; }
	#header .top .inner .menu_wrap #m_gnb > li.none_dep2 > a:after{ display:none; }

	#header .top .inner .menu_wrap #m_gnb .dep02{ display:none; padding:14px 20px; background:#f6f6f6; border-top:1px solid #ddd; }
	#header .top .inner .menu_wrap #m_gnb .dep02 li{ margin-bottom:8px; }
	#header .top .inner .menu_wrap #m_gnb .dep02 li:last-child{ margin-bottom:0; }
	#header .top .inner .menu_wrap #m_gnb .dep02 li a{ display:block; position:relative; padding-left:13px; font-size:13px; line-height:20px; color:#444; font-family: 'SCoreDream'; font-weight:400; }
	#header .top .inner .menu_wrap #m_gnb .dep02 li a:after{ content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#222; border-radius:50%; }

	#header .top .inner .menu_wrap .ct_num{ position:relative; right:auto; top:auto; display:block; padding-bottom:40px; margin:30px auto 0; width:100%; max-width:290px; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0); }
	#header .top .inner .link_go{ line-height:40px; border-radius:20px; }
	#header .top .inner .link_go > span > span{  margin-right:-2px; width:8px; height:40px; background:url('../images/common/head_ar_m.png') no-repeat center; background-size:contain; }
	#header .btm{ display:none; }

	#container{ padding-top:70px; }

	/* footer */
	#footer .btn_top{ display:none!important; }
	#footer .m_f_tel{ display:block; position:fixed; right:20px; bottom:20px; width:60px; height:60px; border-radius:50%; background:#ad0101 url('../images/btn/f_tel.png') no-repeat center; background-size:30px auto; z-index:10; text-indent:-9999px; box-shadow:0 2px 10px rgba(0,0,0,.4)}

	#footer .top{ padding:15px 0 20px; }
	#footer .top strong{ margin-bottom:10px; font-size:15px; line-height:20px; }
	#footer .top ul{ margin-right:-10px; }
	#footer .top ul li{ width:Calc(16.66% - 10px); margin-right:10px; }
	#footer .top ul li a{ padding:0 5px; height:35px; font-size:11px; line-height:16px; border-radius:3px; }

	#footer .mid{ padding:20px 0; }
	#footer .mid .inner{ font-size:0; }

	#footer .mid .left{ padding-right:10px; }
	#footer .mid .left .logo{ margin-bottom:10px; width:230px; height:30px; }
	#footer .mid .left ul li{ font-size:10px; line-height:15px; }
	#footer .mid .left .copy{ font-size:10px; line-height:15px; }
	#footer .mid .right{ padding-left:10px; }
	#footer .mid .right p{ padding:10px 10px; font-size:10px; line-height:15px; }
	#footer .mid .right p strong{ font-size:10px; }
	#footer .mid .right p .s1{ font-size:15px; }
	#footer .btm{ padding:7px 0; }
	#footer .btm ul li{ margin-right:10px; }
	#footer .btm ul li a{ font-size:10px; line-height:15px; }

	/* sub common */
	#s_visual .slogan{ height:200px; }
	#s_visual .slogan .txt1{ margin-bottom:10px; text-shadow:0 0 5px rgba(255,255,255,1); }
	#s_visual .slogan .txt1 > span{ margin-right:12px; font-size:11px; line-height:15px; }
	#s_visual .slogan .txt1 > span .ar{ font-size:10px; }
	#s_visual .slogan .txt2{ margin-bottom:10px; text-shadow:0 0 5px rgba(255,255,255,1);}
	#s_visual .slogan .txt2 span{ margin-left:0; font-size:13px; line-height:18px;  }
	#s_visual .slogan .txt3{ font-size:13px; line-height:18px; text-shadow:0 0 5px rgba(255,255,255,1);}

	#sub .contents{ padding:15px 0 50px;}
	#sub .contents > .layout .left_menu{ display:none; }

	#sub .contents > .layout .right_con{ padding:0; width:100%; }
	.right_con .con_tit{ margin-bottom:10px; padding:11px 15px 4px; border-radius:5px 5px 0 0; border-width:1px; }
	.right_con .con_tit h3{ padding-left:36px; font-size:15px; line-height:20px; }
	.right_con .con_tit h3:after{ top:50%; margin-top:-12px; width:30px; height:24px; }
	.right_con .con_tit .nav{ display:none;}

	/* 전자상거래 표준약관 */
	.yg{font-size:12px; line-height:18px;}
	.yg h2{margin-top:50px; font-size:18px;}
	.yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
	.yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
	.yg p{margin:5px 0;}

	.fly_w{margin-top:5px; padding:10px;}
	.fly_w > li > ul{padding:0 0 0 5px;}
	.fly_w > li > ol{padding:0 0 0 5px;}

	ul.fly_w > li{padding-left:10px; margin-top:3px;}
	ol.fly_w > li{margin-top:3px;}

	.yg_table{margin-top:10px;}
	.yg_table div{width:100%; margin-top:10px;}
	.yg_table div:first-child{margin-top:0;}
	.yg_table div > strong{font-size:12px; padding:8px 0;}
	.yg_table div table{ table-layout:fixed; }
	.yg_table div table thead th{padding:5px 0;}
	.yg_table div table tbody th{padding:5px 0;}
	.yg_table div table tbody td{padding:0 10px}

	#privacy_box{ padding:0; }
	#privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }

}

/* 모바일 */
@media all and (max-width:768px){

	#footer .top strong{ text-align:center; }
	#footer .top ul{ margin-bottom:-10px; }
	#footer .top ul li{ width:Calc(33.33% - 10px); margin-bottom:10px; }
	#footer .mid .inner > div{ width:100%; }
	#footer .mid .left{ padding:0; margin-bottom:10px;}
	#footer .mid .left .logo{ margin:0 auto 10px}
	#footer .mid .left ul{ margin:0 auto; width:204px; }
	#footer .mid .left .copy{ text-align:Center; }
	#footer .mid .right{ padding:0; }
	#footer .mid .right p{ text-align:center; }
	#footer .mid .right p .m_space{ display:block; height:5px; }

	#footer .btm{text-align:center; }
	/* sub common */
	#s_visual{ background:url('../images/sub/sub_v01_m.jpg') no-repeat center; background-size:cover; }
	#s_visual.s_visual10{ background:url('../images/sub/sub_v10_m.jpg') no-repeat center; background-size:cover; }
	#s_visual:after{ content:''; display:block; clear:both; }

	#s_visual .slogan{ float:right; padding:0 20px; text-align:left; width:50%; min-width:245px; max-width:300px; box-sizing:border-box; }
	#s_visual .slogan .txt1{ margin-bottom:5px; text-align:left; }
	#s_visual.s_visual10 .slogan .txt1{ text-align:left; }
	#s_visual .slogan .txt1 > span{ margin-right:0; }
	#s_visual .slogan .txt2{ margin-top:0; margin-bottom:5px; }
	#s_visual .slogan .txt2 span{ display:block;}

}
