/*****************ÆùÆ®*******************/
@import url(https://fonts.googleapis.com/css?family=Anton); 
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Satisfy); 
@import url(https://fonts.googleapis.com/css?family=Archivo+Black);
@import url(https://fonts.googleapis.com/css?family=Fredoka+One|Gugi|Londrina+Shadow|Monoton|Permanent+Marker|Saira+Stencil+One|Sunflower:300&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 



/* ±âº» º£À̽º */
html,body{line-height: 150%; font-family:"Noto Sans Korean",  'Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif';  min-width:320px; word-break: keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0; word-break: keep-all;}
body,h1,h2,h3,h4{ font-size:14px;color:#383d41;font-weight:400; }
input,button,textarea, select{ font-size:14px; font-family:"Noto Sans Korean",  'Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif';  font-weight:400; }
body h2,body h3{font-family: 'Archivo Black',sans-serif;}
body{background:#272726; *word-break:break-all;-ms-word-break:break-all; -webkit-text-size-adjust:none; word-break:keep-all; width:100%; height:100%;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle; }
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#444;text-decoration:none}
a:hover{color:#111}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0;width: 100%}
.blind{display: block;position: absolute;top: -9999em;left: 0}
.skip a{display: block;position: absolute;left: 0;top: -9999em;z-index: 9999;width: 100%;background: lime;color: black;font: 1.8em/3em arial,sans-serif}
.skip a:focus{top: 0}
.ff{zoom: 1}
.ff:after{clear: both;content: '';display: block}
.ff > li{float: left;}
.ff > dd{float: left;}
.fR{float:right;}
.fL{float:left;}
.ff dt{display: block;position: absolute;top: -9999em;left: 0}
.eg {font-family:'Archivo Black',sans-serif}
div { position:relative;}
.noScroll { overflow:hidden;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0; word-break:break-all;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}
img,input {vertical-align:middle;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
.floatBox:after {content:"";display:block;clear:both;}
.floatBox {*zoom:1;}





/*****************¼­ºêÄÁÅÙÃ÷ ¿µ¿ª*******************/


/* Àλ縻 - ù¹ø° ´Ü¶ô */
.ceo_01 { padding-bottom:80px; text-align:center; background:#3D3C3C url('../../img/con_img_11.jpg') center top no-repeat;}
.ceo_01 h3 {font-size:37px;line-height:120%; padding-bottom:40px; font-weight:400; letter-spacing:-0.02em; color:#FFE300; }
.ceo_01 h3 span {display:block;line-height:120%; font-size:17px; color:#eee; letter-spacing:-0.04em; font-weight:400; padding-bottom:10px;}
.ceo_01 p { font-size:15px;line-height:160%; letter-spacing:-0.01em; font-weight:400; color:#B2B2B2; padding:0 0 20px 0; margin:0 auto; max-width:800px; text-align:left; }
.ceo_01 p.ceo { font-size:13px;line-height:170%; font-weight:400; color:#B2B2B2; padding:10px 0 20px 0; margin:0 auto; max-width:800px; text-align:right; }
.ceo_01 p.ceo span { font-size:19px; color:#fff; padding:0 0 20px 10px; }

@media screen and (max-width:767px) {
.ceo_01 { padding:0px 20px 40px 20px;}
.ceo_01 h3 {font-size:20px; padding:20px 0 ; letter-spacing:-0.01em; }
.ceo_01 h3 span {font-size:14px; }
.ceo_01 p { font-size:12px; padding:0 0 10px 0; line-height:150%;}
.ceo_01 p.ceo { font-size:11px;}
.ceo_01 p.ceo span { font-size:15px; }
}




/* Àλ縻 - µÎ¹ø° ´Ü¶ô */
.guide {text-align:center; position:relative; margin:100px auto; width:1250px;}
.guide ul li{position:absolute;width:350px; text-align:left; color:#BABABA; font-size:14px; letter-spacing:-0.04em; } 
.guide ul li span {color:#FFE300; font-size:23px; letter-spacing:-0.06em; margin-bottom:13px; padding-bottom:5px; border-bottom:1px solid #FFE300; display:block;} 
@media screen and (min-width:950px) {
.guide ul li.no01 {top:110px; left:0;} 
.guide ul li.no02 {top:110px; right:0;} 
.guide ul li.no03 {top:240px; left:0;} 
.guide ul li.no04 {top:240px; right:0;} 
}
@media screen and (max-width:1300px) {
.guide h3 img {width:300px;}
.guide {width:900px; }
.guide ul li{width:250px;font-size:15px; } 
.business_box {max-width:930px; }
.business_box dl {width:250px; padding:15px; margin:15px; }
.business_box dl p { font-size:13px;}
}
@media screen and (max-width:960px) {
.guide {width:90%; height:auto; margin:30px auto;}
.guide h3 {padding-bottom:30px;}
.guide ul {max-width:450px; margin:0 auto;}
.guide ul li{width:100%;font-size:15px; position:relative; padding-bottom:30px;}
}
@media screen and (max-width:750px) {
.guide h3 img{width:220px;}
.guide ul li{font-size:12px; } 
.guide ul li span {font-size:17px; margin-bottom:7px;}
}






/* Àλ縻 - ¿À½Ã´Â±æ*/
.location {margin-bottom:80px;}
.location:after {content:"";display:block;clear:both;}
.location .location_txt {width:600px; float:left;}
.location .location_img {width:600px; float:right;}
.location .kmap {width:100%;}
.list_txt ul li {width:100%; border-bottom:1px solid #3C3B3B; padding:25px 0 17px 0;}
.list_txt dl:after {content:"";display:block;clear:both;} 
.list_txt dl dt {font-size:17px; color:#FFE300; display:block;}
.list_txt dl dd {padding-top:3px; color:#fff;}
@media screen and (max-width:767px) {
.location .location_txt,.location .location_img {width:88%; float:none; margin:0 auto;}
.location .location_txt {margin-bottom:50px;}
.list_img {margin:40px auto; width:100%;}
.location .location_img img{width:100%;}
}







/* class 1 Á¤±ÔŬ·¡½º */
.con_style4 {background:#F2F2F2; margin-bottom:40px;}
.con_style4 dl dt {width:50%;}
.con_style4 dl dt img {width:100%;}
.con_style4 dl dd {width:44%; padding:3%;}
.con_style4 dl dd h3 span {display:block; color:#858585;  font-size:18px; letter-spacing:-0.03px;  font-weight:300; line-height:130%; font-family: 'Permanent Marker', cursive; }
.con_style4 dl dd h3 {border-bottom:1px solid #D2D2D2;  display:block; font-size:37px;line-height:100%; color:#000; padding-bottom:15px; margin-bottom:30px; letter-spacing:-0.04em; font-weight:600; }
.con_style4 dl dd p.d_t01 { line-height:150%;font-size:17px; margin:0 0 25px 0; font-weight:400; color:#000; }
.con_style4 dl dd h4 {  padding:10px 0;   }
.con_style4 dl dd h4 span {font-size:16px; background:#FFE300; display:inline-block;  line-height:100%;  color:#000;  font-weight:600; }
.con_style4 dl dd ul {margin-bottom:15px;}
.con_style4 dl dd ul li {font-size:15px; display:inline; padding-right:14px; margin-right:10px; background:url(../../img/line_gray.gif) no-repeat right 2px;}
.con_style4 dl dd ul li:last-child {background:none;}
.con_style4 dl dd ul li span {font-size:15px; padding-right:9px; margin-right:3px; font-weight:600; color:#000;  background:url(../../img/line_dot.gif) no-repeat right 3px;}


@media screen and (max-width:1300px) {
.con_style4 dl dd h3 span { font-size:17px;  }
.con_style4 dl dd h3 {; font-size:30px; padding-bottom:10px; margin-bottom:15px; }
.con_style4 dl dd p.d_t01 {font-size:14px; margin:0 0 15px 0;  }
.con_style4 dl dd h4 {padding:0;}
.con_style4 dl dd h4 span {font-size:14px;  }
.con_style4 dl dd ul {margin-bottom:19px;}
.con_style4 dl dd ul li {font-size:13px;}
.con_style4 dl dd ul li span {font-size:13px;}
}


@media screen and (max-width:950px) {
.con_style4 {width:90%; margin:0 auto 20px auto;}
.con_style4 dl dt {width:100%; text-align:center; float:none;}
.con_style4 dl dt img {max-width:600px; margin:30px auto 0 auto;}
.con_style4 dl dd {width:92%; padding:4%; max-width:600px; margin:0 auto; float:none;}
.con_style4 dl dd h3 {font-size:27px; }
}

@media screen and (max-width:600px) {
.con_style4 dl dd h3 { padding-bottom:20px; font-size:23px; }
.con_style4 dl dt img {margin:0;}
.con_style4 dl dd {padding:20px 4%;}
.con_style4 dl dd h3 {font-size:21px; }
.con_style4 dl dd p.d_t01 {font-size:11px;  }
.con_style4 dl dd ul li {font-size:11px; padding-right:7px; margin-right:5px;}
.con_style4 dl dd ul li span {font-size:11px;}
}




/* class2 ¿øµ¥ÀÌ Å¬·¡½º*/
.process_bg { text-align:center; padding-bottom:50px; width:100%;}
.process_bg h3 {font-size:31px; text-shadow:1px 1px 3px #000; line-height:130%; padding-bottom:10px;font-family: 'Syncopate', sans-serif; font-weight:200; letter-spacing:-0.03em; color:#fff; }
.process_bg h3 span {display:block; text-shadow:1px 1px 3px #000; font-weight:600; font-size:16px; color:#000; line-height:130%; font-weight:400; color:#FFE300; letter-spacing:-0.03em;}
.process_bg p {color:#D8D8D8; text-shadow:1px 1px 2px #000; font-size:15px; line-height:160%; letter-spacing:-0.02em; font-weight:400; max-width:700px; margin:0 auto;}
.process_bg p a {color:#CEA848; font-size:15px; font-weight:600; padding:0 3px;}
.process_bg p a:hover {color:#fff; }
.process {width:100%;}
.process ul{max-width:690px; margin:30px auto; }
.process ul li {float:left; font-size:16px; color:#fff; padding:0 15px 0 15px; padding-top:210px; margin:0; width:200px; text-align:center; }
.process ul li.pro_01 { background:url(../../img/pro_01.png) no-repeat center 0; text-align:center;}
.process ul li.pro_02 { background:url(../../img/pro_02.png) no-repeat center 0; }
.process ul li.pro_03 { background:url(../../img/pro_03.png) no-repeat center 0; }
.process_detail {text-align:left; border-top:2px solid #FFE300;  max-width:1000px; margin:0 auto;   margin-top:50px; border-bottom:1px solid #505050;}
.process_detail dl{border-bottom:1px solid #505050; padding:33px 0 30px 0; }
.process_detail dl:after {content:"";display:block;clear:both;}
.process_detail dl dt {width:30%; float:left; font-size:21px; color:#FFE300; padding-top:15px; }
.process_detail dl dt span { font-weight:600; font-size:21px;padding-right:5px; color:#fff; }
.process_detail dl dd {width:68%; padding-left:2%; float:left; font-size:15px; color:#CACACA; line-height:150%;}

@media screen and (max-width:1000px) {
.process_bg {padding-bottom:10px; }
.process_bg h3 {font-size:27px; }
.process_bg h3 span {font-size:13px;}
.process_bg p { font-size:11px; padding:0 20px;}
.process ul{max-width:315px; }
.process ul li { padding:0 5px; padding-top:100px; width:95px; height:40px; font-size:11px; line-height:120%;}
.process ul li.pro_01, 
.process ul li.pro_02,
.process ul li.pro_03{ background-size:95px;}
.process_detail {margin:30px 20px;}
.process_detail dl{ padding:20px 0; }
.process_detail dl dt {width:100%; float:none; font-size:17px; }
.process_detail dl dt span { font-size:17px; }
.process_detail dl dd {width:100%; float:none; padding:10px 0 0 0%; font-size:11px; }
}







/***°Ô½ÃÆÇ ·¹À̾ƿô***/
.board_box {max-width:1300px; margin:0 auto; margin-bottom:80px;}
@media screen and (max-width:1300px) {
.board_box {width:90%; }
.keywordform {width:150px;}
.est_btn_cell input {width:68px;}
}