@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}




@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/GmarketSansBold.woff2) format('woff2'),  
	url(./fonts/GmarketSansBold.woff) format('woff'),  
	url(./fonts/GmarketSansBold.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/GmarketSansMedium.woff2) format('woff2'),  
	url(./fonts/GmarketSansMedium.woff) format('woff'),  
	url(./fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/GmarketSansLight.woff2) format('woff2'),  
	url(./fonts/GmarketSansLight.woff) format('woff'),  
	url(./fonts/GmarketSansLight.otf) format('opentype');
}


* {margin:0;padding:0;}
html, body{letter-spacing:-0.025em;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:none;}
body{font-family:'Noto Sans KR', sans-serif;font-weight:300;font-size:0.8rem; color:#222;}
header, section, nav, article, aside, details, figcaption, figure, hgroup, menu, footer {display:block;}
h1, h2, h3, h4, h5, h6{font-weight:300;font-size:100%}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
img{vertical-align:top;}
em {font-style:normal;}
table{width:100%;border-collapse:collapse;}
th {font-weight:400;}
td {color:#222;}
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;text-indent:-9999px;}
caption {width:0;height:0;overflow:hidden;padding:0;font-size:0;line-height:0;}
.hidden {font-size:0;line-height:0;text-indent:-99999px;}
.clear:after {display:block;content:'';clear:both;}
input, select{font-weight:300;font-family:'Noto Sans KR', sans-serif;vertical-align:middle;color:#777;border:1px solid #ddd;}
textarea {resize:none;border:1px solid #afafaf;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size:12px;}
a{text-decoration:none; color:#222; }
a:foucs {border:1px solid red;outline: inherit;}
button{ border:none;}

#wrap {overflow: hidden;width: 100%;min-width: 320px;position: relative; }

#lnb {width:1300px;margin:0 auto;z-index:2;}



#container {position:relative; word-break:keep-all;}
#content {}
#content .subContent { font-size:18px; line-height:30px;word-break:keep-all; padding:100px 0 0 0;}
#content .subContent .location {clear:both; font-size:15px;color:#999;padding:0;text-align:right; padding-top:20px;}
#content .subContent .location img{ vertical-align:middle;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject { text-align:center; letter-spacing:-1px;color:#333; margin-bottom:120px;  }
/*--서브메뉴--*/


#content .snb { position:relative;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category { position:absolute; top:-70px; z-index:2; width:100%;}
#content .snb .category h2 {margin:0 0 10px 0;}
#content .snb .category ul {padding:0;margin:0; text-align:center;}
#content .snb .category li { display:inline-block; margin-left:-4px;}

#content .snb .category .m2 { position:relative; }
#content .snb .category .m2:before{ content:''; position:absolute; top:22px; right:1px; border-right:1px #4d8dd5 solid; width:1px; height:20px; z-index:1}
#content .snb .category .m2:last-child:before{ display:none;}
#content .snb .category .m2 a { display:block; height:70px; line-height:45px; background:#005cc3; padding:0 35px; color:#fff;}
#content .snb .category .m2 a:hover {text-decoration:none;}

#content .snb .category .selected2 a {color:#1e405d;height:70px;line-height:70px; background:#fff}
#content .snb .category .selected2 a:hover {color:#1e405d;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}
#content .snb .category .selected2:before{ display:none;}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}

#content .s_category ul li ul { text-align:center; border-bottom:1px #ccc solid; }
#content .s_category ul li ul li.m3 { position:relative; display:inline-block;border-bottom:none}
#content .s_category ul li ul li.m3 a {font-weight:normal;color:#454545;display:block; height:70px; line-height:70px; padding:0 16px;}
#content .s_category ul li ul li.m3:before{content:''; position:absolute; top:28px; right:0; border-right:1px #ccc solid; width:1px; height:15px;}
#content .s_category ul li ul li.m3:last-child:before{ display:none;}
#content .s_category ul li ul li.m3 a:hover {text-decoration:none;color:#1e405d;}

#content .snb .category ul li ul li.selected3 a {color:#1e405d;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 11px arial;color:#999;}


/*하단정보영역*/
#footerWrap{ position:relative; background:#252525; margin-top:170px;}
#footerInfoWrap .newPhoto {position:absolute;left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footer { position:relative;margin:0;padding:40px 0;}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:1600px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu { position:absolute; right:0; top:0;text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {font-size:12px;color:#999;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .footerCont div.footerSiteInfo {font-size:1rem; line-height:1.6rem;color:#999; padding-left:200px; }
#footer .footerCont div.footerSiteInfo span{  color:rgba(255,255,255,0.7);margin-left:15px;}
#footer .footerCont div.footerSiteInfo br{ }

#footer .footerCont address {margin-left:15px;font-family:arial;font-size:12px;font-style:normal;margin-top:10px; color:rgba(255,255,255,0.3); margin-left:15px; letter-spacing:0;}
#footer .footerCont address a{color:#666;}
#footer .footerCont .footerLogo { position:absolute; left:0; top:0; }
#footer .footerCont .footerLogo img { width:; }
#footer .footerCont .qrimage {position:absolute;right:0;top:0}
#footer .footerCont .logotxt{ font-weight:500; color:#333; font-size:19px;}
#footer .footerCont .telArea{ position:absolute; right:0; top:0; color:#fff;}
#footer .footerCont .telArea dl{}
#footer .footerCont .telArea dl dt{ position:absolute; left:0; top:5px;}
#footer .footerCont .telArea dl dd{ margin-left:70px;color:rgba(255,255,255,0.4);}
#footer .footerCont .telArea dl dd p{color:rgba(255,255,255,1); font-weight:600; margin-bottom:7px;}

#topScroll {position:absolute; bottom:0; width:188px; left:50%; margin-left:-94px;z-index:100;}

/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: in
;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}


#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe,  #guidebox{ width:1200px; margin:0 auto; padding-top:150px;}
#pages_login{ padding:200px 0 100px 0;}
 #i_div0_0, #catinfo{ font-size:13px;}



/* ******************  메인 비주얼 ********************** */
.visual_area .ctrlbox {z-index:2; position:absolute; bottom:200px;left:15%;}
.visual_area .ctrlbox:before{ content:''; position:absolute; width:100%; height:60px; top:-10px; left:0; background:#000; opacity:0.3; border-radius:30px; }
.visual_area .ctrlbox button {position:relative; width:36px; height:36px; cursor:pointer; vertical-align:middle;background: transparent;}

.visual_area .ctrlbox button:hover:after {color:#00baff}
.visual_area .ctrlbox button.next {background:url(./image/main/v_next_btn.png) no-repeat 50% 50%; margin:0 20px ; background-size: auto 22px }
.visual_area .ctrlbox button.pre {background:url(./image/main/v_prev_btn.png) no-repeat 50% 50%; margin:0 20px;background-size: auto 22px}


.visual_area .ctrlbox button.pause, .visual_area .ctrlbox button.play {width:25px;}
.visual_area .ctrlbox button.pause{ background:url(./image/main/v_stop_btn.png) no-repeat 50% 50%;}
.visual_area .ctrlbox button.play{ background:url(./image/main/v_play_btn.png) no-repeat  50% 50%;}

.visual_area .list_num {position:relative; top:2px; display:inline-block; padding:0 5px; font-size:17px; color:#fff}
.visual_area .list_num span {padding:0 7px}
.visual_area .blind {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:1px; text-indent:-9999px; line-height:0;}

.visual_area {position:relative; }
.visual_area .list {overflow:hidden; width:100%; height:100%}
.visual_area .list .cont {float:left; width:100%; height:100vh; z-index:-1 !important; }
.visual_area .list .cont .visual_tx1 { position:absolute; top:300px; left:15%;}
.visual_area .list .cont .visual_tx1 .vsTit{ font-size:50px; font-weight:bold; color:#1c3e84; line-height:150%;}
.visual_area .list .cont .visual_tx1 .vsTit span{ font-size:100px;}
.visual_area .list .cont .visual_tx1 .bTxt{ font-size:40px; font-weight:bold; color:#0e7ecc;}

.visual_area .list .cont .visual_tx1 .logo{ margin-top:50px; border-top:1px #ccc solid; padding-top:50px;}
 
.visual_area .list .cont .visual_tx1 strong {display:block; margin-bottom:20px; font-size:75px;color:#1c3e84; line-height:110%; letter-spacing:-0.4px; font-weight:bold}
.visual_area .list .cont:not(:nth-child(1)) .visual_tx strong {font-size:50px; line-height:118%; } /* 영어라서 첫번째만 텍스트 조절 */

.visual_area .list .cont p {margin-bottom:35px; font-weight:300; font-size:24px; letter-spacing:-1.2px;color:#555;}
.visual_area .list .cont .visual_tx1 a {display:none}

.visual_area .list .cont .visual_tx2 { position:absolute; top:300px; width:100%;}
.visual_area .list .cont .visual_tx2 .vsTit{ font-size:60px; font-weight:bold; color:#2c7f0f; line-height:150%;}
.visual_area .list .cont .visual_tx2 .vsTit span{ font-size:80px; color:#667b15}

.visual_area .list .cont.slick-active a {display:inline-block}
.visual_area .list .cont .img {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-size:cover;}
.visual_area .list .cont .img span {z-index: -1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transform:scale(1.1); transition:4s .1s;}
.visual_area .list .cont[class*=slick-active].on .img span {transform:scale(1);transform: rotate(.001deg);}
.visual_area .list .cont .img .v1 {background:url('./image/main/img_main_slide01.jpg') no-repeat center center/cover;}
.visual_area .list .cont .img .v2 {background:url('./image/main/img_main_slide02.jpg') no-repeat center center/cover;}
.visual_area .list .cont .img .v3 {background:url('https://www.hshi.co.kr/images/main/main_visual_new3.jpg') no-repeat center center/cover;}
.visual_area .list .cont .img .v4 {background:url('https://www.hshi.co.kr/images/main/main_visual_new4.jpg') no-repeat center center/cover;}

.visual_area .ico_arrow {z-index:5000; position:absolute; width:100%; text-align:center; font-size:14px; color:#fafafa; /* transform:rotate(90deg) translate(-50%, -2px); */ animation:ico_arrow 1.2s linear infinite 0s;}
@keyframes ico_arrow { 
	0% { bottom:55px; }
	50%{ bottom:50px; }
	100% { bottom:55px; }
}

 @media screen and (max-width:1920px) {
	 
	.visual_area .ctrlbox {bottom:150px;}	 
	.visual_area .list .cont .visual_tx1 { position:absolute; top:220px; left:15%;}
	.visual_area .list .cont .visual_tx1 .vsTit{ font-size:35px;}
	.visual_area .list .cont .visual_tx1 .vsTit span{ font-size:65px;}
	.visual_area .list .cont .visual_tx1 .bTxt{ font-size:30px;}
	.visual_area .list .cont  p{ font-size:20px; margin-bottom:15px;}
	.visual_area .list .cont .visual_tx1 .logo{ margin-top:30px;padding-top:30px;}
	.visual_area .list .cont .visual_tx1 .logo img{ width:550px;}
	
	.visual_area .list .cont .visual_tx2 {  top:200px;}
	.visual_area .list .cont .visual_tx2 .vsTit{ font-size:40px}
	.visual_area .list .cont .visual_tx2 .vsTit span{ font-size:60px;}
	
	
	.visual_area .ctrlbox button.next { background-size: auto 17px;margin:0 15px ;}
	.visual_area .ctrlbox button.pre {background-size: auto 17px;margin:0 15px ;}
	.visual_area .ctrlbox button.pause{background-size: auto 15px}
	.visual_area .ctrlbox button.play{background-size: auto 15px}
	.visual_area .ctrlbox:before{ height:50px; top:-5px;}
	
	.visual_area .list_num{ font-size:15px;}

 }

 @media screen and (max-width:1300px) {
	 
	 .visual_area .list .cont{ height:700px;}
	 .visual_area .list .cont .visual_tx1{ top:150px;}
	.visual_area .list .cont .visual_tx1 .vsTit{ font-size:25px;}
	.visual_area .list .cont .visual_tx1 .vsTit span{ font-size:55px;}
	.visual_area .list .cont .visual_tx1 .bTxt{ font-size:25px;}
	.visual_area .list .cont  p{ font-size:17px;}
	
	.visual_area .list .cont .visual_tx2 .vsTit{ font-size:30px}
	.visual_area .list .cont .visual_tx2 .vsTit span{ font-size:50px;}
	
	
	.visual_area .ctrlbox{ bottom:70px;}
	
	.visual_area .list .cont .visual_tx2{ top:150px;}
	

}
 @media screen and (max-width:1200px) {
	.visual_area .list .cont .visual_tx1 { left:10%;}
	.visual_area .list .cont .visual_tx1 .logo{ margin-right:10%;}
	.visual_area .list .cont .visual_tx1 .logo img{ width:70%;}
	
	
	
}
@media screen and (max-width:680px) {
	.visual_area .list_num {font-size:14px}
	 
	.visual_area .list .cont{ height:500px;}
	.visual_area .list .cont .visual_tx1 { left:5%;}
	.visual_area .list .cont .visual_tx1 .logo{ display:none;}
	.visual_area .list .cont .tTxt{ display:none}
	.visual_area .list .cont .visual_tx1 .vsTit span{ font-size:45px;}
	
	.visual_area .list .cont .visual_tx2 {  top:120px;}
	.visual_area .list .cont .visual_tx2 .vsTit{ font-size:20px}
	.visual_area .list .cont .visual_tx2 .vsTit span{ font-size:35px;}
	
	.visual_area .ctrlbox{ left:5%; bottom:50px;}
	.visual_area .ctrlbox button{ width:30px; height:30px;}
	.visual_area .ctrlbox button.next { background-size: auto 10px;margin:0px ;}
	.visual_area .ctrlbox button.pre {background-size: auto 10px;margin:0px ;}
	.visual_area .ctrlbox button.pause{background-size: auto 10px}
	.visual_area .ctrlbox button.play{background-size: auto 10px}
	.visual_area .ctrlbox:before{ height:40px; top:-5px;}
	

}
 @media screen and (max-width:480px) {
	.sct1 .ico_arrow {display:none}
	
	.visual_area .list .cont{ height:400px;}
	
	.visual_area .list .cont .visual_tx1 .vsTit{ font-size:20px;}
	.visual_area .list .cont .visual_tx1 .vsTit span{ font-size:35px;}
	.visual_area .list .cont .visual_tx1 .bTxt{ font-size:20px;}
	.visual_area .list .cont .visual_tx2 .vsTit span{ font-size:30px;}
	
	
}




.ffG{font-family: 'Gmarket Sans';}


.pt190{ padding-top:190px;}
.pt150{ padding-top:150px;}
.pt100{ padding-top:100px;}
.pt170{ padding-top:170px;}
.pt70{ padding-top:70px;}

.pd170{ padding:170px 0;}
.pb170{ padding-bottom:170px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}

.mg170{ margin:170px 0}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}

.fw100{ font-weight:100;}
.fw300{ font-weight:300;}
.fw500{ font-weight:500;}
.fwb{ font-weight:bold}
.ac{ text-align:center;}

.ls-1{ letter-spacing:-1px;}
.ls-2{ letter-spacing:-2px;}
.ls-3{ letter-spacing:-3px;}
.ls-4{ letter-spacing:-4px;}


.fs75{ font-size:75px; line-height:80px;}

.fs55{ font-size:55px; line-height:70px }
.fs37{ font-size:37px; line-height:45px;}
.fs35{ font-size:35px;}
.fs30{ font-size:30px; line-height:40px;}
.fs23{ font-size:23px; line-height:33px;}
.fs20{ font-size:20px;}
.fs17{ font-size:17px;}

@media screen and (max-width: 1920px) {
	

	.pd170{ padding:130px 0;}
	.pb170{ padding-bottom:130px;}
	.pt170{ padding-top:130px;}
	
	.pt190{ padding-top:150px;}
	.pt150{ padding-top:100px;}
	.pt100{ padding-top:70px;}
	
	.mb70{ margin-bottom:50px;}
	
	.fs75{ font-size:60px; line-height:65px;}
	.fs55{ font-size:45px; line-height:60px; }
	.fs37{ font-size:30px; line-height:35px;}
	.fs35{ font-size:30px; line-height:35px;}
	.fs30{ font-size:25px; line-height:32px;}
	.fs23{ font-size:20px; line-height:30px;}
	.fs20{ font-size:17px;}
	
}

@media screen and (max-width: 1300px) {
	
	.pd170{ padding:90px 0;}
	.pb170{ padding-bottom:90px;}
	.pt170{ padding-top:90px;}
	
	.pt190{ padding-top:100px;}
	.pt150{ padding-top:70px;}
	.pt100{ padding-top:50px;}
	
	.fs75{ font-size:50px; line-height:50px;}
	.fs55{ font-size:35px; line-height:45px; }
	.fs37{ font-size:25px; line-height:35px;}
	.fs30{ font-size:22px;}
	.fs23{ font-size:17px;}
	
	.mb50{ margin-bottom:40px;}
	
}
@media screen and (max-width: 980px) {
	#content .snb .category{ display:none;}
}
@media screen and (max-width: 640px) {
	
	.pd170{ padding:50px 0;}
	.pb170{ padding-bottom:50px;}
	.pt170{ padding-top:50px;}
	
	.pt190{ padding-top:100px;}
	.pt150{ padding-top:70px;}
	.pt100{ padding-top:50px;}
	
	.mt100{ margin-top:70px;}
	.mt30{ margin-top:15px;}
	
	.mb50{ margin-bottom:30px;}
	
	
	.fs75{ font-size:40px; line-height:40px;}
	.fs37{ font-size:22px; line-height:30px;}
	.fs17{ font-size:15px;}
	
	

	
}


@media screen and (max-width:480px) {
	
	.mt100{ margin-top:50px;}
	
	.fs75{ font-size:30px; line-height:30px;}
	.fs55{ font-size:30px; line-height:40px; }
	.fs37{ font-size:20px; line-height:25px;}
	.fs23{ font-size:16px; line-height:23px;}
	.fs20{ font-size:16px;}
	
	
	
}

.mainContents{ font-size:19px; letter-spacing:-1px;}
.inner{ position:relative; width:1600px; margin:0 auto;}


.area_subVisual{ position:relative; height:650px; text-align:center; color:#fff; word-break:keep-all; margin-top:120px;}
.area_subVisual h2{ position:relative;  padding-top:225px; font-weight:700;}
.area_subVisual h2:before{ content:''; position:absolute; bottom:90px; left:50%; margin-left:-50px;  width:100px; border-bottom:1px #fff solid; height: 50px; z-index:2; opacity:0.6;}
.area_subVisual h2 span{ display:inline-block; margin-top:40px; font-weight:300; }

/*카카오맵*/

.root_daum_roughmap {width: 100% !important;border: none;padding: 0;}
.root_daum_roughmap .wrap_map{ height:600px !important;}

/*3차 메뉴*/
.depth3 { text-align:center; margin-bottom:40px;}
.depth3 li{ display:inline-block; border:1px #ccc solid; padding:10px 30px;}
.depth3 .selected3{ background:#eee;}


@media screen and (max-width: 1920px) {
	#content .subContent{font-size:16px; letter-spacing:-1px;}
	#content .subContent h3.subTitleSubject{ margin-bottom:100px;}
	
	.mainContents{ font-size:16px; letter-spacing:-1px;}
	
	.inner{ width:1300px;}
	
	#content .snb .category{ margin-top:15px;}
	#content .snb .category .m2 a{height:55px; line-height:55px; padding:0 15px;}

	#content .snb .category .selected2 a{ height:55px; line-height:55px;}
	#content .snb .category .m2::before{ top:17px;}
	
	
	.area_subVisual{height:500px; margin-top:100px;}
	.area_subVisual h2{  padding-top:170px;}
	.area_subVisual h2:before{ bottom:75px;}
	
	/*카카오맵*/
	.root_daum_roughmap {width: 100% !important;border: none;padding: 0;}
	.root_daum_roughmap .wrap_map{ height:500px !important;}
	
	#footerWrap{margin-top:130px;}
	
	#footer .footerCont .footerLogo{ position:relative; text-align:center; margin-bottom:10px;}
	#footer .footerCont{ width:100%;}
	
	#footer .footerCont div.footerSiteInfo{ padding-left:0; text-align:center;}
	

	
}

@media screen and (max-width: 1300px) {
	.inner{ width:100%;}
	#footerWrap{margin-top:90px;}
	
	.area_subVisual{ margin-top:0;}
	#footer .footerCont div.footerSiteInfo{ font-size:15px;}
	
	#content .subContent h3.subTitleSubject{ margin-bottom:50px;}
}

@media screen and (max-width: 640px) {
	
	.area_subVisual{ height:400px;}
	.area_subVisual h2{ padding-top:150px;}
	#footerWrap{margin-top:50px;}
	#content .subContent{ padding-top:50px;font-size:16px; line-height:23px; letter-spacing:-1px;}
	
	#footer .footerCont div.footerSiteInfo{ font-size:13px;}
	#footer .footerCont div.footerSiteInfo br{ display:block;}
	
	
	
	
}

@media screen and (max-width:480px) {
	.mainContents{ font-size:16px; letter-spacing:-1px;}
	
	
	
	
}



#footerWrap{}
#footerWrap .acc{ padding:15px 0; text-align:center; background:#2e3337; color:#fff; font-size:19px}
#footerWrap .acc span{ margin-right:20px; padding-right:30px; background:url(./image/main/f_arrow.png) no-repeat 100% 50%;}
#footerWrap .acc strong{ color:#00baff; font-size:25px; display:inline-block; margin:0 10px 0 5px;}
#footerWrap .acc br{ display:none}
@media screen and (max-width: 1920px) {
	
	#footerWrap .acc{ font-size:17px}
	#footerWrap .acc strong{ font-size:23px;}
	
}

@media screen and (max-width: 700px) {
	#footerWrap .acc{ padding:30px 0;}
	#footerWrap .acc span{ background:none; padding-right:0; margin-right:0;}
	#footerWrap .acc br{ display:block}
}


#s01{ background:url(./image/main/s01_bg.jpg) no-repeat 50% 100%; background-size:cover;color:#fff;}
#s01 .area{ margin-left:30%;}
#s01 .fs75 span{ margin-left:200px;}
#s01 .ml-200{ margin-left:200px;} 
#s01 li{ display: inline-block; width:190px; height:190px; text-align:center; }
#s01 li:nth-child(1){ background:#1cbbb4 url(./image/main/s01_icon1.png) no-repeat 50% 40px; background-size:auto 65px;}
#s01 li:nth-child(2){ background:#00bff3 url(./image/main/s01_icon2.png) no-repeat 50% 40px; background-size:auto 65px;}
#s01 li:nth-child(3){ background:#448ccb url(./image/main/s01_icon3.png) no-repeat 50% 40px; background-size:auto 65px;}
#s01 li:nth-child(4){ background:#605ca8 url(./image/main/s01_icon4.png) no-repeat 50% 40px; background-size:auto 65px;}

#s01 li p{ padding-top:120px}
#s01 li a{ color:#fff; display:block; width:100%; height:100%;}

#s02 { position:relative;}
#s02:before{ content:''; position:absolute; width:100%; height:500px; background:#f5f5f5; bottom:0; left:0; z-index:-1;}
#s02 .fs20{ color:#666;}
#s02 .conwrap{margin:0}

#s02 .conwrap ul li{ display:inline-block;
	overflow:hidden;
	width:calc((100% / 4) - 18px);
	margin-right:20px;
	vertical-align: top;
}
#s02 .conwrap ul li:last-child{margin-right:0;}
#s02 .conwrap ul li .thumbwrap{overflow:hidden;position:relative;}
#s02 .conwrap ul li .thumbwrap .thumb{}
#s02 .conwrap ul li .thumbwrap .thumb img{transform-origin:50% 0%;transform:scale(1.1);transition:all 0.6s ease-out; width:100%;}
#s02 .conwrap ul li:hover .thumbwrap .thumb img{transform:scale(1);transition:all 0.6s ease-out;}
#s02 .conwrap ul li .thumbwrap .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#s02 .conwrap ul li .thumbwrap span{display:flex;position:absolute;right:0;bottom:0;}
#s02 .conwrap ul li .thumbwrap span:after{
	display:block;content:"";
	width:64px;height:100%;
	position:absolute;right:0;top:0;
	background:#f5f5f5;transition:all 0.4s ease-out;
}
#s02 .conwrap ul li .thumbwrap span .txts{
	box-sizing:border-box;
	position:relative;z-index:1;width:131px;
	padding:0 0 0 25px;
	color:#fff;line-height:64px;
	transform-origin:right center;
	transform:translateX(64px);opacity:0;
}
#s02 .conwrap ul li .thumbwrap span .arr{
	position:relative;z-index:2;
	width:64px;height:64px;
}
#s02 .conwrap ul li .thumbwrap span .arr:after{
	display:block;content:"";
	width:6px;height:6px;
	border-right:2px solid #4d4d4d;border-bottom:2px solid #4d4d4d;
	transform:rotate(-45deg) translate(-50%,-50%);
	position:absolute;left:50%;top:50%;margin:-3px 0 0;transition:all 0.4s ease-out;
}
#s02 .conwrap ul li:hover .thumbwrap span:after{width:100%;background:#336791;}
#s02 .conwrap ul li:hover .thumbwrap span .txts{transform:translateX(0);opacity:1;transition:all 0.4s ease-out 0.1s;}
#s02 .conwrap ul li:hover .thumbwrap span .arr:after{border-right:2px solid #fff;border-bottom:2px solid #fff;}

#s02 .conwrap ul li .infowrap{; text-align:center;}

#s03{ background:#f5f5f5}
#s03 .fs37{ border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:30px}

.widget_notice li{ display:inline-block; width:calc((100% / 3) - 25px); margin-right:30px; }
.widget_notice li:last-child{ margin-right:0;}
.widget_notice  dl{ position:relative;}
.widget_notice  dl dt{ position:absolute; top:0; left:0; background:#e1e1e1; text-align:center; width:90px; padding:15px 0;}
.widget_notice  dl dt .date span{ color:#00619e;}
.widget_notice  dl dd{ margin-left:120px;}
.widget_notice  dl dd strong{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:65px;margin:10px 0;text-overflow: ellipsis;white-space: normal;word-break: keep-all;
word-wrap: break-word;font-synthesis: none;text-rendering: optimizeLegibility;box-sizing: border-box;}

.widget_notice  dl dd p{display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:60px;margin:10px 0;text-overflow: ellipsis;white-space: normal;word-break: keep-all;
word-wrap: break-word;font-synthesis: none;text-rendering: optimizeLegibility;box-sizing: border-box; color:#666;}


#s04{ position:relative;  color:#fff;}
#s04:before{ content:''; position:absolute;background:url(./image/main/s04_bg.jpg) no-repeat 50% 50%; background-size:cover; width:100%; height:100%; top:0; left:0; z-index:-2}
#s04 li{ display:inline-block; width:17%;}
#s04 li:nth-child(1) {background:url(./image/main/s04_icon1.png) no-repeat 50% 0;}
#s04 li:nth-child(2) {background:url(./image/main/s04_icon2.png) no-repeat 50% 0;}
#s04 li:nth-child(3) {background:url(./image/main/s04_icon3.png) no-repeat 50% 0;}
#s04 li p{ padding-top:80px;}
#s04 a{ color:#fff;}
#s04  dl{ position:relative; height:90px; line-height:90px;}
#s04  dl:before{ content:''; position:absolute; left:0; top:0; background:#000; opacity:0.5; width:100%; height:100%; z-index:-1;}
#s04  dl dt{ position:absolute; top:0; left:0; width:400px; height:100%; background:#03F}
#s04  dl dt span{ margin-left:15px;}
#s04  dl dd{ margin-left:400px; text-align:center;}
#s04  dl dd p{ position:relative; display:inline-block; margin-right:30px; padding-right:40px;}
#s04  dl dd p:before{ content:''; position:absolute; top:35px; right:0; width:1px; height:22px; border-left:1px #555 solid;}
#s04  dl dd p:last-child:before{ display:none;}


#s05 dl{ position:relative;}
#s05 dl dt{ position:absolute; top:0; left:0; width:20%;}
#s05 dl dd{ margin-left:20%;}
#s05 .fs20{ color:#666;}

.main-online-form {margin-bottom: 30px; display:table; width:100%; }

.main-online-left {float:left; width:40%; margin-right:10px;}
.main-online-input { position:relative;height:59px; border:1px solid rgba(210, 210, 210, 0.5); background-color:#fff; margin-top: 10px; padding:0 15px 0 55px; line-height: 55px; color:#000; font-size:21px;}
.main-online-input i {font-size:25px;}
.main-online-input .material-icon1{ position:absolute; top:3px; left:20px;background:url(./image/main/sec5_icon1.png) no-repeat 0 50%; width:50px; height:50px; display:inline-block; }
.main-online-input .material-icon2{ position:absolute; top:3px; left:20px;background:url(./image/main/sec5_icon2.png) no-repeat 0 50%; width:50px; height:50px; display:inline-block; }
.main-online-input .material-icon3{ position:absolute; top:5px; left:20px;background:url(./image/main/sec5_icon3.png) no-repeat 0 50%; width:50px; height:50px; display:inline-block; }

.main-online-input:first-child {margin-top: 0;}
.main-online-input input {border:0; width:calc(100% - 35px); background:transparent; height:55px; color:#555; font-size:15px; letter-spacing: -0.75px; font-weight: 300;}
.main-online-input input::placeholder {color: rgba(0, 0, 0, 0.5);}

.main-online-right {float:left; width:calc(100% - (40% + 10px)) ;}
.main-online-textarea { position:relative;height:175px; border:1px solid rgba(210, 210, 210, 0.5); background-color:#fff; padding:13px 15px 13px 55px; color:#fff;}
.main-online-textarea .material-icon4{ position:absolute; top:0; left:20px;background:url(./image/main/sec5_icon4.png) no-repeat 0 50%; width:50px; height:50px; display:inline-block; }
.main-online-textarea i {vertical-align: top;}
.main-online-textarea textarea {height:169px; width:calc(100% - 35px); background:transparent; border:0; font-size:15px; letter-spacing: -0.75px; font-weight: 300;}
.main-online-textarea textarea::placeholder {color: rgba(0, 0, 0, 0.5);}

.main-online-btn-group {padding:0 0 0 25px; height:65px; background-color:#0072bc;}
.main-online-label {float:left; }
.main-online-btn-group label {float:left; line-height: 65px; letter-spacing: -0.75px; color:rgba(255, 255, 255, 0.8);}
.main-online-btn-group a {float:left; display:inline-block; font-size:14px; line-height: 65px; letter-spacing: -0.75px; color:rgba(255, 255, 255, 0.8); margin-left: 5px;}
.main-online-btn-group button {float:right; line-height: 65px;  color:#fff; font-weight: 400; background:#0054a6; padding:0 50px; cursor:pointer;}


@media screen and (max-width: 1920px) {
	
	#s01 li{ width:160px; height:160px;}
	#s01 li:nth-child(1){ background-size:auto 50px;}
	#s01 li:nth-child(2){ background-size:auto 50px;}
	#s01 li:nth-child(3){ background-size:auto 50px;}
	#s01 li:nth-child(4){ background-size:auto 50px;}
	
	#s01 li p{ padding-top:100px}
	
	#s02:before{ height:400px;}
	
	.widget_notice  dl dt{ width:80px; padding:15px 0;}
	.widget_notice  dl dd{ margin-left:100px;}
	.widget_notice  dl dd strong{ height:60px;}
	.widget_notice  dl dd p{ height:50px;}
	
	#s04 li:nth-child(1) { background-size:auto 50px}
	#s04 li:nth-child(2) { background-size:auto 50px}
	#s04 li:nth-child(3) { background-size:auto 50px}
	
	#s04  dl{height:70px; line-height:70px;}
	#s04 li p{ padding-top:70px;}
	#s04  dl dt{ width:350px; }
	#s04  dl dd{ margin-left:350px;}
	#s04  dl dd p{ margin-right:20px; padding-right:30px;}
	#s04  dl dd p:before{top:27px; height:15px;}
}

@media screen and (max-width: 1300px) {
	
	#s01 .area{ margin-left:20%;}
	#s01 .fs75 span{ margin-left:20%;}
	#s01 .ml-200{ margin-left:20%} 
	#s01 li{ display: inline-block; width:145px; height:145px;}
	
	
	
	
	#s02:before{ height:350px;}
	#s02 .conwrap ul{ margin:0 15px;}
	
	.widget_notice dl dd strong{ height:50px;}
	#s03 .fs37{ margin:0 15px 30px 15px;}
	.widget_notice{padding:0 15px}


	#s04 dl{ margin:0 15px;}
	#s04 dl dt{ width:300px;}
	#s04 dl dd{ margin-left:300px;}
	#s04 dl dd p:last-child{ margin-right:0; padding-right:0;}
	
	#s05{ margin:0 15px;}
	
	
}

@media screen and (max-width: 960px) {
	#s01{ background-position:40% 100%;}
	#s01 .area{ margin:0 15px; text-align:center;}
	#s01 .fs75 span{ margin-left:0}
	#s01 .fs37 br{ display:none;}
	#s01 .fs23 br{ display:none;}
	#s01 .ml-200{ margin-left:0} 
	#s02 .conwrap ul li{width:calc((100% / 3) - 16px);}
	#s02 .conwrap ul li:nth-child(4){ display:none}
	#s02 .conwrap ul li:nth-child(3){ margin-right:0;}
	
	.widget_notice li {width: calc((100% / 2) - 17px);}
	.widget_notice li:nth-child(2){ margin-right:0;}
	.widget_notice li:nth-child(3){ display:none;}
	
	#s04 li{ width:20%;}
	#s04 li:nth-child(1), #s04 li:nth-child(2), #s04 li:nth-child(3) {background-size: auto 40px;}
	#s04 li p{ padding-top:50px;}
	
	#s04 dl{ height:auto;}
	#s04 dl dt{ width:100%; position:relative;}
	#s04 dl dd{ margin-left:0;line-height:25px; padding:20px 0;}
	#s04 dl dd p{ margin-right:10px; padding-right:15px;}
	#s04 dl dd p::before{ top:8px}
	
	#s05 dl dt{ position:relative; width:auto; margin-bottom:20px; text-align:center;}
	#s05 .fs20{ margin-top:0 !important;}
	#s05 .fs20 br{ display:none;}
	#s05 dl dd{ margin-left:0;}
	
	
}

@media screen and (max-width:640px) {
	#s01 li{ width:calc((100% / 2) - 50px);}
	#s01 li:nth-child(1), #s01 li:nth-child(2){ margin-bottom:3px;}
	
	#s02:before{ height:250px;}
	#s02 .conwrap ul li{width:calc((100% / 2) - 9px); margin-right:15px; margin-bottom:15px;}
	#s02 .conwrap ul li:nth-child(4){ display:inline-block}
	#s02 .conwrap ul li:nth-child(3){ margin-right:15px;}
	#s02 .conwrap ul li:nth-child(2n+2){ margin-right:0;}
	
	.widget_notice li {width:100%; margin-right:0; margin-bottom:20px;}
	.widget_notice dl dd strong{ height:auto; min-height:25px; margin:0;}
	.widget_notice dl dd p{ margin:5px 0 0 0;}
	
	#s04 li{ width:30%;}
	#s04 li:nth-child(1), #s04 li:nth-child(2), #s04 li:nth-child(3) {background-size: auto 35px;}
	
	#s04 dl dd p{ width:100%; margin-right:0; padding-right:0;}
	#s04 dl dd p::before{ display:none;}
	
	.main-online-left{ width:100%;}
	.main-online-right{ width:100%; margin-top:10px;}
	.main-online-btn-group{ height:auto; padding:0;text-align:center; }
	.main-online-label{ float:none;}
	.main-online-btn-group label{ float:none;}
	.main-online-btn-group a{ float:none;}
	.main-online-btn-group button{ width:100%; padding:0; float:none;}
}

@media screen and (max-width:480px) {
	#s01 li{ width:calc((100% / 2) - 20px);}
	#s02 .conwrap ul li .thumbwrap span .arr{ width:44px; height:44px;}
	#s02 .conwrap ul li .thumbwrap span::after{ width:44px;}
	#s02 .conwrap ul li .thumbwrap span .txts{width:90px;line-height:44px;	transform:translateX(44px);opacity:0;}
	.widget_notice dl dd p{ height:45px;}
	
}


.header_wrap .gnb { padding:0;text-align:right;padding-right: 25px;margin-top: 5px;}
.header_wrap .gnb ul {padding:0;margin:0;letter-spacing:-1px;}
.header_wrap .gnb li {list-style-type:none;display:inline;padding:0;font:normal 11px "malgun gothic",dotum;}

#shoplist, #shopview, #cart, #sumline{ width:1600px; margin:0 auto !important;}

.page18{}
.page18 li{ display:inline-block; width:calc((100% / 3) - 23px); margin-right:30px; text-align:center; vertical-align:top;}
.page18 li:last-child{ margin-right:0;}
.page18 li img{ width:100%;}
.page18 .fs30{ color:#06C}


.page23{}
.page23 .s01{position:relative;}
.page23 .s01:before{ content:''; position:absolute; width:100%; height:700px; background:#f5f5f5; bottom:0; left:0; z-index:-1;}
.page23 .s01 dl{ position:relative; padding-bottom:300px;}
.page23 .s01 dl dt { width:55%;}
.page23 .s01 dl dt img{ width:100%;}
.page23 .s01 dl dd{ position:absolute; right:0; width:50%; height:650px; top:150px; background:#00a4db; color:#fff; z-index:2}
.page23 .s01 dl dd .area{ padding:130px;}
.page23 .s01 dl dd  .bTxt{ font-size:70px; line-height:75px; margin-bottom:50px;}
.page23 .s01 dl dd  .sTit{ font-size:65px; line-height:90px;}

.page23 .s02 .fs55{ border-bottom:2px #333 solid; padding-bottom:50px;}
.page23 .s02 .fs55 strong{ color:#00a4db}
.page23 .s02 dl{ position:relative; margin-top:30px; padding-bottom:50px; border-bottom:1px #ddd solid;}
.page23 .s02 dl dt{ position:absolute; width:300px; font-weight:500;}
.page23 .s02 dl dd{ margin-left:350px;}
.page23 .s02 dl dd span{ display:inline-block; padding:3px 0px; margin-right:15px; background:#00a4db; color:#fff; border-radius:5px; font-size:16px; margin-bottom:7px; width:100px; text-align:center;}
.page23 .s03{ background:url(./image/sub/67/page23_bg.jpg) no-repeat; background-size:cover;}
.page23 .s03 .fs35{ margin-bottom:10px}
.page23 .s03 li{ position:relative; padding-left:15px;}
.page23 .s03 li:before{ content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#333; border-radius:50%;}
.page23 .s04{ text-align:center;}
.page23 iframe{ width:700px; height:394px;}


.page27 .fs55 span { color:#00baff}
.page27 dl{ position:relative; border-top:2px #555 solid; padding-top:20px; margin-bottom:30px;}
.page27 dl dt{ position:absolute; top:20px; left:0; width:200px;}
.page27 dl dt span{ font-size:17px;}
.page27 > div:nth-child(1) > dl:nth-child(6) > dt:nth-child(1) > p:nth-child(1) > span:nth-child(2) { line-height: 20px;}
.page27 > div:nth-child(1) > dl:nth-child(6) { padding-bottom: 50px;}

.page27 dl dd{ margin-left:300px; min-height:70px;}
.page27 dl dd p{ position:relative; padding-left:20px;}
.page27 dl dd p:before{ content:''; position:absolute; top:15px; left:0; width:5px; height:5px; background:#333; border-radius:50%;}
.page27 dl dd  span{ color:#F66;}
.page27 dl dd  strong{ display:inline-block; text-decoration:underline}

.page28 dl{ position:relative;}
.page28 dl dt{ position:absolute; top:0; left:0; width:400px;}
.page28 dl dt img{ width:100%;}
.page28 dl dd{ margin-left:500px;}
.page28 .ceo{ border-bottom:1px #ccc solid; padding:50px 0; margin-bottom:50px; text-align:right}

.page29{}
.page29 li{ display:inline-block; width:calc((100% / 2) - 17px); margin-right:30px; margin-bottom:30px; vertical-align:top}
.page29 li:nth-child(2n+2){ margin-right:0;}
.page29 li:nth-child(1){ background:url(./image/sub/75/page29_1.jpg) no-repeat 50% 50%; background-size:cover;}
.page29 li:nth-child(2){ background:url(./image/sub/75/page29_2.jpg) no-repeat 50% 50%; background-size:cover; color:#fff;}
.page29 li:nth-child(3){ background:url(./image/sub/75/page29_3.jpg) no-repeat 50% 50%; background-size:cover; color:#fff;}
.page29 li:nth-child(4){ background:url(./image/sub/75/page29_4.jpg) no-repeat 50% 50%; background-size:cover;}
.page29  .area{ padding:130px 70px;}


.page31{}
.page31 .s01{ display:inline-block; width:30%;vertical-align:top; margin-right:5%;}
.page31 .s01 dl{ position:relative; border-bottom:2px #222 solid; margin-bottom:20px;}
.page31 .s01 dl dt{ color:#999;}
.page31 .s01 dl dd{ margin:7px 0 10px 0;}
.page31 .s02{ display:inline-block; width:calc(65% - 4px); vertical-align:top;}


.tableType {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tableType th {background:#00baff;border-bottom:1px solid #fff;padding:15px 0;color:#fff}
.tableType td {border-bottom:1px solid #fff;padding:15px 0;word-break:break-all;color:#555; background:#f2f2f2; text-align:center;}


.tableType2 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-bottom:1px #333 solid;}
.tableType2 th { background:#aac4cc; border:1px #333 solid; border-right:0; border-bottom:0; font-size:17px;}
.tableType2 th span{ font-size:13px; line-height:17px;}
.tableType2 td {border-bottom:1px solid #fff;word-break:break-all;color:#555; text-align:center;}

.tableType3 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border:1px #333 solid; border-bottom:0; font-size:15px; line-height:19px; letter-spacing:-1px; word-break:keep-all; border-right:0;}
.tableType3 th { background:#d5e1e4; border:none;border-right:1px #333 solid; border-bottom:1px #333 solid; font-size:15px; padding:5px 0;}
.tableType3 td { border-right:1px #333 solid; border-bottom:1px #333 solid;word-break:break-all;color:#555; text-align:center;padding:5px 0;}


.tableType4 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tableType4 th {background:#d5e1e4;border-bottom:1px solid #fff;padding:10px 0;}
.tableType4 td {border-bottom:1px solid #fff;padding:10px;word-break:break-all;color:#555; background:#f2f2f2; text-align:center;}

.tableType5 {width:100%;border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.tableType5 th {background:#d5e1e4;border-bottom:1px solid #fff;padding:10px 0;}
.tableType5 td {border-bottom:1px solid #fff;padding:10px 15px;word-break:break-all;color:#555; background:#f2f2f2;}


.private p{ margin:30px 0 20px 0;}

.page34 {}
.page34 dl { position:relative; margin-bottom:50px; border-top:1px #ccc solid; padding-top:20px; margin-top:20px;}
.page34 dl dt{ position:absolute; top:-1px; left:0; width:250px; padding-top:20px; border-top:3px #04a239 solid;}
.page34 dl dd{ margin-left:300px;}
.page34 dl dd .list{}
.page34 dl dd .list li{ position:relative; padding-left:15px;}
.page34 dl dd .list li:before{ content:''; position:absolute; top:15px; left:0; width:5px; height:1px; border-top:1px #333 solid;}
.page34 dl dd img{ width:100%; margin-top:10px;}
.page34 dl dd .type2 li{ display:inline-block; width:calc((100% / 5) - 28px); margin-right:30px; vertical-align:top; }
.page34 dl dd .type2 li:last-child{ margin-right:0;}
.page34 dl dd .type2 li p{ display:inline-block;  width:100%; color:#fff; text-align:center; line-height:50px; min-height:50px;margin-bottom:5px;}
.page34 dl dd .type2 li p span{ display:inline-block; margin-top:5px; line-height:20px}
.page34 dl dd .type2 li p:nth-child(1), .page34 dl dd .type2 li p:nth-child(2), .page34 dl dd .type2 li p:nth-child(3){ background:#15382e}
.page34 dl dd .type2 li p:nth-child(4), .page34 dl dd .type2 li p:nth-child(5){ background:#286238}
.page34 dl dd .type2 li p:nth-child(6), .page34 dl dd .type2 li p:nth-child(7){ background:#2a8c4b}
.page34 dl dd .type2 li p:nth-child(8), .page34 dl dd .type2 li p:nth-child(9){ background:#6fb956}
.page34 dl dd .type2 li p:nth-child(10), .page34 dl dd .type2 li p:nth-child(11){ background:#b0d6a6}
.page34 dl dd .type2 .ect1{ background:#2a8c4b !important}
.page34 dl dd .type2 .ect2{ background:#6fb956 !important}
.page34 dl dd .type2 .ect3{ background:#b0d6a6 !important}


.page36 {}
.page36 p{ width:100%; }
.page36 p img{ width:100%; }

.page36 dl { position:relative; margin-bottom:50px; border-top:1px #ccc solid; padding-top:20px; margin-top:20px;}
.page36 dl dt{ position:absolute; top:-1px; left:0; width:250px; padding-top:20px; border-top:3px #00a4db solid;}
.page36 dl dd{ margin-left:300px;}
.page36 dl dd .list{}
.page36 dl dd .list li{ position:relative; padding-left:15px;}
.page36 dl dd .list li:before{ content:''; position:absolute; top:15px; left:0; width:5px; height:1px; border-top:1px #333 solid;}
.page36 dl dd img{ width:90%; margin-top:10px;}
.page36 dl dd .type2 li{ display:inline-block; width:calc((100% / 5) - 28px); margin-right:30px; vertical-align:top; }
.page36 dl dd .type2 li:last-child{ margin-right:0;}
.page36 dl dd .type2 li p{ display:inline-block;  width:100%; color:#fff; text-align:center; line-height:50px; min-height:50px;margin-bottom:5px;}
.page36 dl dd .type2 li p span{ display:inline-block; margin-top:5px; line-height:20px}
.page36 dl dd .type2 li p:nth-child(1), .page34 dl dd .type2 li p:nth-child(2), .page34 dl dd .type2 li p:nth-child(3){ background:#15382e}
.page36 dl dd .type2 li p:nth-child(4), .page34 dl dd .type2 li p:nth-child(5){ background:#286238}
.page36 dl dd .type2 li p:nth-child(6), .page34 dl dd .type2 li p:nth-child(7){ background:#2a8c4b}
.page36 dl dd .type2 li p:nth-child(8), .page34 dl dd .type2 li p:nth-child(9){ background:#6fb956}
.page36 dl dd .type2 li p:nth-child(10), .page34 dl dd .type2 li p:nth-child(11){ background:#b0d6a6}
.page34 dl dd .type2 li p:nth-child(12){ background:#c9efbf}
.page36 dl dd .type2 .ect1{ background:#2a8c4b !important}
.page36 dl dd .type2 .ect2{ background:#6fb956 !important}
.page36 dl dd .type2 .ect3{ background:#b0d6a6 !important}


.page23{}
.page23 .s01{position:relative;}
.page23 .s01:before{ content:''; position:absolute; width:100%; height:700px; background:#f5f5f5; bottom:0; left:0; z-index:-1;}
.page23 .s01 dl{ position:relative; padding-bottom:300px;}


.page34 .fs23{ font-weight:500; color:#04a239}
.page36 .fs23{ font-weight:500; color:#00a4db}





@media screen and (max-width: 1920px) {
	
	#shoplist, #shopview, #cart, #sumline{ width:1300px;}
	
	.page23 .s01:before{ height:600px;}
	.page23 .s01 dl{ padding-bottom:200px;}
	.page23 .s01 dl dd{ top:100px; height:550px;}
	.page23 .s01 dl dd .area{ padding:80px;}
	.page23 .s01 dl dd  .bTxt{ font-size:50px; line-height:60px;}
	.page23 .s01 dl dd  .sTit{ font-size:47px; line-height: 60px;ㅌ
	
	.page27 dl dd{ margin-left:250px; }
	
	.page29  .area{ padding:100px 70px;}
	
	.tableType3 { font-size:14px; }
	
	.page34{ margin:0 10px;}
	.page36{ margin:0 10px;}

	
}


@media screen and (max-width: 1300px) {
	
	.page18{ margin:0 15px;} 
	.page23 .s01::before{ display:none;}
	
	.page23 .s01 dl dd .area{ padding:70px;}
	.page23 .s01 dl dd .bTxt{ font-size:50px; margin-bottom:30px;}
	.page23 .s01 dl dd .sTit{ font-size:38px; line-height:40px;}
	.page23 .s01 dl dd{ height:480px; top:50px;}
	.page23 .s01 .fs23{ margin:0 15px;}
	
	.page23 .s02{ margin:0 15px;}
	.page23 .s02 dl dd{ margin-left:200px;}
	.page23 .s03 .fs35{ padding:0 15px;}
	.page23 .s03 ul{ margin:0 15px;}
	
	.page27{ margin:0 15px;}
	.page28 {margin:0 15px;}
	.page28 dl dt{width:350px;}
	.page28 dl dd{ margin-left:400px;}
	
	.page29{ margin:0 15px;}
	.page29  .area{ padding:100px 50px; height:170px;}
	.page29 li{ display:inline-block; width:calc((100% / 2) - 10px); margin-right:15px; margin-bottom:15px;}
	
	.page31{ margin:0 15px;}
	
	.page34 dl dt{ position:relative; width:100%; margin-bottom:10px; font-weight:bold; border:none;}
	.page34 dl dd{ margin:0;}
	.page34 dl dd .type2 li{ margin-right:15px;width: calc((100% / 5) - 15px);}

	.page36 dl dt{ position:relative; width:100%; margin-bottom:10px; font-weight:bold; border:none;}
	.page36 dl dd{ margin:0;}
	.page36 dl dd .type2 li{ margin-right:15px;width: calc((100% / 5) - 15px);}
	
	#shoplist, #shopview, #cart, #sumline{ width:96%; margin:0 2%;}
	
	#shopview #goodscontent1 #vContent img{ width:100%;}
}
@media screen and (max-width: 1100px) {
	.page23 .s02 dl dt{ position:relative; width:100%;margin-bottom:10px;}
	.page23 .s02 dl dt br{ display:none; }
	.page23 .s02 dl dd{ margin-left:0;}
	.page23 .s02 dl dd span{ font-size:15px; width:70px;}		
	
}
@media screen and (max-width: 960px) {
	
	.page23 .s01 dl{ padding-bottom:70px;}
	.page23 .s01 dl dt{ width:100%;}
	.page23 .s01 dl dd{ position:relative; width:100%; height:auto; top:0;}
	.page23 .s01 .fs23 br{ display:none}
	
	.page23 .s01 dl dd .bTxt{ font-size:40px; line-height:47px;}

	.page18 li{ width:calc((100% / 3) - 13px); margin-right:15px;;}
	
	.page27 dl dt{ position:relative; width:100%; top:0; margin-bottom:10px;}
	.page27 dl dd{ margin-left:0px; min-height:inherit;}
	.page27 dl dd p{ padding-left:12px; margin-bottom:5px;}
	.page27 dl dd p:before{ top:9px;}
	
	.page28 dl dt{width:300px;}
	.page28 dl dd{ margin-left:330px;}
	
	.page31 .s01{ width:100%;}
	.page31 .s02{ width:100%;}
	
}

@media screen and (max-width: 640px) {
	
	.page18 li{ width:100%; margin-right:0; margin-bottom:30px;}
	




	.page23 .s03 .fs35{ font-size:23px;}
	
	
	.page28 dl dt{ position:relative; height:500px; overflow:hidden;width:100%; margin-bottom:50px;}
	.page28 dl dd{ margin-left:0;}
	
	.page29 li{ width:100%;}
	.page29  .area{ padding:50px; height:170px;}
	
	.root_daum_roughmap{ height:350px !important}
	
	.page23 .s04{ margin:0 15px;}
	.page23 iframe{ width:100%; height:394px;}
	
	.page34 dl dd .type2 li p{ font-size:13px;}
	.page34 dl dd .type2 li{ margin-right:5px;width: calc((100% / 5) - 7px);}
     
	.page36 dl dd .type2 li p{ font-size:13px;}
	.page36 dl dd .type2 li{ margin-right:5px;width: calc((100% / 5) - 7px);}
	
	
}

@media screen and (max-width: 480px) {
	.page23 .s03 .fs35{ font-size:20px;}
}