@charset "UTF-8";

/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap&subset=korean'); */ 
/* @import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400;500;700'); */
/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400;700');  */
/* 구글폰트 css */
/* @import url("../google/Nanum Gothic.css"); */
/* @import url("../google/Noto Sans KR.css"); */

 @import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
 
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
 a{text-decoration:none;color:#111;   }
 
.modalWrap{position:absolute;top:150px;left:50%;margin-left:-350px;width:700px;background:#fff;opacity:0;z-index:-1;transition-duration:.5s}
.modalWrap.active{top:180px;opacity:1;z-index:99}
.modalWrap.small{margin-left:-250px;width:500px}
.modalWrap.wide{margin-left:-450px;width:900px}
.modalWrap .modalTitle{position:relative;padding:0 65px 0 20px;height:46px;background:#484c51}
.modalWrap .modalTitle h2{display:block;font-size:16px;font-weight:700;color:#fff;line-height:46px}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:46px;height:46px;text-indent:-9999em;background:url(../images/injeinc/btn_modalClose.png) no-repeat center center}
.modalWrap .modalContent{padding:20px;max-height:700px;overflow-y:auto}
.modalWrap .modalContent .btnArea{margin:0}
.modalWrap .modalContent .btnArea+*{margin-top:20px}

.bx-wrapper{position:relative}
.bx-wrapper .bx-viewport img{width:100%}
.bx-wrapper .bx-controls div{display:inline-block}
.bx-wrapper .bx-controls{position:absolute;bottom:30px;left:0;right:0;text-align:center}
.bx-wrapper .bx-pager-item a{display:inline-block;margin:0 5px;width:15px;height:15px;background:0 0;border:1px #111 solid;text-indent:-9999em;border-radius:50%}
.bx-wrapper .bx-pager-item a.active{background:#111}
.bx-wrapper .bx-controls-auto-item a,.bx-wrapper .bx-controls-direction a{display:inline-block}
 #overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:9}



body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
 

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
 
@font-face {
    font-family: 'TitilliumWeb-SemiBold';
    src: url('../font/TitilliumWeb-SemiBold.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 

/* 나눔고딕스타일 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);


/*프린트 영역 감추기*/
@media print {
#header, #footer_wrap, #snb, #cont-foot-wrap, #pgChargeInfo, #pgSatisfaction, .site_link, #sns, #sitelink_cont, #w3c, #sns { display: none !important;}
body {
    background: #ffffff none repeat scroll 0 0;
    border-top: 0 none;
    margin: 0;
    padding: 0;
	width:100% !important;

}
#contents {min-width:100%  !important;}

}


input[type=text],textarea{ime-mode:active;}

/* 요소(element) 여백 초기화  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure, 
figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video{word-wrap:break-word;margin:0;padding:0;border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html {-webkit-text-size-adjust:none;} 

.skip, .hide, hr, fieldset legend {position: absolute;width: 1px;height: 1px;font-size: 0px;line-height: 0;overflow: hidden;z-index: -1;}

#w3c {position:absolute;top:10px;right:0;z-index:999;}

table{border-collapse:collapse;border-spacing:0;}

html,body,input,button,select,textarea {color:#595959; font-size:13px; font-family: 'Noto Sans KR', 'NEXON Lv2 Gothic';  }
a {color:#595959; text-decoration: none!important;}
a:hover, a:active, a:focus { text-decoration:underline; }
img {border:0; vertical-align:top;}

p {line-height:160%;color:#595959; font-size:16px;}

/* 목록 */
ol, ul {list-style:none;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal; font-style:normal;}

/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:none; margin:0; padding:0;} 


/* 수평선*/
hr { display:none; }

i {font-style:normal;}
/* 전역클래스 */
.hidden {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.ir {display:block; width:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden; line-height:0; }
.dt_none {display:none;}

/* align */
.tal {text-align: left;}
.tc {text-align: center;}
.tar {text-align: right;}

.fl {float:left;}
.fr {float:right;}

/* vertical align */
.vat {vertical-align:top;}
.ValignTop {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* font family */
.ff1 {font-family:dotum;}
.ff2 {font-family:gulim;}
.ff3 {font-family:verdana;}
.ff4 {font-family:tahoma;}
.ff5 {font-family:arial;}

/* font size */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fn { font-weight:normal;}
.bold {font-weight:bold;}

/* font color */
.orange {color:#f96f00;}
.black {color:#000000;}
.white {color:#ffffff;}
.sky_blue {color:#0085c9;}
.blue {color:#0773c7;}
.gray {color:#C2C2C2;}
.gray2 {color:#9B9B9B;}

/* Line */
.underline {text-decoration:underline;}

.inp_box {vertical-align:middle; border:1px solid #dedede;}
.clear_box {overflow:hidden; }
.over_y { overflow-y:scroll; }

.clear {clear:both;}


/* skipnavigation */
#skipnavigation {position:relative; z-index:9999;} 
#skipnavigation ul li {position:absolute;  width:100%; text-align:center;} 
#skipnavigation ul li a {display:block; height:1px; width:1px; margin-bottom:-1px; padding:0; overflow:hidden; text-align:center; color:#000; white-space:nowrap;} 
#skipnavigation ul li a:hover, #skipnavigation ul li a:focus, #skipnavigation ul li a:active { display:block; height:auto; width:100%; padding:10px 0; margin:0; font-size:15px; font-weight:bold; color:#fff; background:#111; text-align:center; } 





/* Padding */
.pt0 {padding-top:0px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt11 {padding-top:11px;}
.pt12 {padding-top:12px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt16 {padding-top:16px;}
.pt17 {padding-top:17px;}
.pt18 {padding-top:18px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}


.pr0 {padding-right:0px;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr22 {padding-right:22px;}
.pr30 {padding-right:30px;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl11 {padding-left:11px;}
.pl12 {padding-left:12px;}
.pl13 {padding-left:13px;}
.pl14 {padding-left:14px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl17 {padding-left:17px;}
.pl18 {padding-left:18px;}
.pl19 {padding-left:19px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl31 {padding-left:31px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

.pb0 {padding-bottom:0px;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}


/* Margin */
.mt1 {margin-top:1px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt_5 {margin-top:-5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt_8 {margin-top:-8px;}
.mt10 {margin-top:10px;}
.mt_10 {margin-top:-10px;}
.mt15 {margin-top:15px;}
.mt_15 {margin-top:-15px;}
.mt_20 {margin-top:-20px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt65 {margin-top:65px;}

.ml2 {margin-left:2px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml_10 {margin-left:-10px;}
.ml_15 {margin-left:-15px;}
.ml_20 {margin-left:-18px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml42 {margin-left:42px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml92 {margin-left:92px;}
.ml100 {margin-left:100px;}
.ml110 {margin-left:110px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb_5 {margin-bottom:-5px;}
.mb10 {margin-bottom:10px;}
.mb13 {margin-bottom:13px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}


/*모서리둥글기*/
.br3 {border-radius:3px;}
.br5 {border-radius:5px;}
.br7 {border-radius:7px;}
.br10 {border-radius:10px;}
.br15 {border-radius:15px;}


/*기본설정*/
.button {clear:both;display:inline-block;cursor: pointer;color:#fff;background:#777;font-weight:bold;text-align:center;padding:3px 10px;height:15px;line-height:1.0;border:1px solid #555;margin-right:5px;}
a.button:hover{color:#fff;background:#666; transition: all 0.2s ease 0s;}

input.button{height:25px;vertical-align:middle;padding-top:0;font-size:12px; }
button.button {height:20px;vertical-align:middle;padding-top:0;font-size:12px;}
.button:focus {cursor: pointer;}

/*색상설정*/
.blue {border:1px solid #1e4a9c;background:#2762c6;}
.green {border:1px solid #338819;background:#47b126;}
.red {border:1px solid #c22f12;background:#e54c2f;}
.skyblue {border:1px solid #7babdb;background:#88baec;}
.white {border:1px solid #bebebe;background:#fbfbfb;color:#333;}
.deepblue {border:1px solid #143665;background:#234879;}
.black {border:1px solid #383838;background:#59595a;}
.gray {border:1px solid #979797;background:#cdd1cf;color:#555;}


/**/
a.blue:hover,a.blue:active, .blue:focus {border:1px solid #0c256d;background:#11399f;}
a.green:hover,a.green:active, .green:focus {border:1px solid #17580a;background:#22910e;}
a.red:hover, a.red:active,.red:focus {border:1px solid #991607;background:#d01606;}
a.skyblue:hover, a.skyblue:active,.skyblue:focus {border:1px solid #5184c0;background:#5f96da;}
a.white:hover,a.white:active, .white:focus {border:1px solid #bebebe;background:#ecebeb;color:#333;}
a.deepblue:hover, a.deepblue:active,.deepblue:focus {border:1px solid #071938;background:#0f244a;}
a.black:hover,a.black:active, .black:focus {border:1px solid #191919;background:#383839;}
a.gray:hover, a.gray:active,.gray:focus {border:1px solid #979797;background:#c1c1c1;color:#fff;}


/* 아이콘 버튼*/
.down {margin-top:1px;padding:8px 40px 8px 20px;background:#555 url(/images/common/btn_down_white.png) no-repeat 90% 50%; color:#fff; font-weight:bold;display:inline-block;line-height:1.5;}
.down_b {margin-top:1px;padding:8px 40px 8px 20px;background:#255BA5 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff;font-weight:bold;display:inline-block;line-height:1.5;}
.down_w {margin-top:1px;padding:7px 40px 7px 20px;background:#fff url(../images/common/btn_down_black.png) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;display:inline-block;line-height:1.5;}
a.down:hover, a.down:active,.down:focus {background:#444 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_b:hover, a.down_b:active,.down_b:focus {background:#1F4B87 url(../images/common/btn_down_white.png) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.down_w:hover, a.down_w:active,.down_w:focus {background:#fff url(../images/common/btn_down_black.png) no-repeat 90% 50%;color:#555;}

.blank{ margin-top:1px;padding:8px 40px 8px 20px;background:#555 url(../images/common/ico_window_w.gif) no-repeat 90% 50%; color:#fff; font-weight:bold;display:inline-block;line-height:1.5;}
.blank_b {margin-top:1px;padding:8px 40px 8px 20px;background:#255BA5 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff;font-weight:bold;display:inline-block;line-height:1.5;}
.blank_w {margin-top:1px;padding:7px 40px 7px 20px;background:#fff url(../images/common/ico_window.gif) no-repeat 90% 50%; color:#555;border:1px solid #979797;font-weight:bold;display:inline-block;line-height:1.5;}
a.blank:hover, a.blank:active,.blank:focus {background:#444 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_b:hover, a.blank_b:active,.blank_b:focus {background:#1F4B87 url(../images/common/ico_window_w.gif) no-repeat 90% 50%;color:#fff; transition: all 0.2s ease 0s;}
a.blank_w:hover, a.blank_w:active,.blank_w:focus {background:#fff url(../images/common/ico_window.gif) no-repeat 90% 50%;color:#555;}



.btnDownLink:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    background: #3c3c3c url(../images/sub/icon_btnDownLink.png) no-repeat center center;
}

.btnDownLink {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 60px 0 20px;
    height: 38px;
    background: #555;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
}



/*크기설정*/
.xxs {padding:2px 10px;height:15px;}
.xs {padding:5px 10px;height:15px;}
.xl {padding:8px 15px;height:15px;}
.xxl {padding:15px 50px;height:15px;}
input.xl{height:33px;padding-top:5px;}
button.xl {height:33px;padding-top:5px;}
input.xxl{height:47px;padding-top:12px;}
button.xxl {height:50px;padding-top:12px;}



.wd50{width:50%;}
.wd40{width:40%;}
.wd30{width:30%;}
.wd20{width:20%;}
.wd10{width:10%;}
.wd8{width:8%;}

.text-danger{color:#da1c18;}
.text-warning{color:#efae40;}







/* All Device */
#rwd_header {display:none;}


#wrap {margin:0;padding:0;width:100%;min-width:1300px;overflow:hidden;}
.wrapper { width:1300px; margin:0 auto; }


 

/* footer */
#footer_wrap {clear:both; width:100%; height:280px;   background:#2e2e2e;}
#footer_wrap #footer{position:relative; max-width:1300px; margin:0 auto; padding:20px 0 10px 0;}
 
.copy_sns {position:absolute; right:0; top:30px;}
.copy_sns li {float:left; margin-right:10px;}

#footer_wrap #footer .site_info{display:inline-block; float:left; padding:20px 10px 0 10px; color:#bbbbbb; font-size:14px; line-height:140%;   }
#footer_wrap #footer .copyright{margin:0px 0 0 0; font-size:1.0em; color:#bbbbbb; }
#footer_wrap #footer .copyright span{color:#fff;   }
#footer_wrap #footer .site_info span{color:#fff;   }
#footer_wrap #footer .copy_logo { position:absolute; right:10px; top:40px;display:block;}
#footer_wrap #footer .copy_logo img {width:200px;  opacity:0.6;}

.top00 a {display:none;}

.copy_bottom {margin:30px 0 15px 0; padding-bottom:10px;}
.copy_bottom .copyright {padding-top:15px; border-top:1px solid #414141; margin-top:15px;}  


.copy_menu_wrap { position:relative; width:100%; margin:0 auto; background-color:#252525; padding:15px 0; overflow:hidden;}
.copy_menu {width:1300px;margin:0 auto; position:relative;}
.copy_menu .copy_logo2 { position:absolute; right:0px; top:-14px;display:block;}
 
 
.copy_menu li a {color:#F0F0F0; float:left; padding:0 25px 0 25px; display:block; font-size:15px;border-right:1px solid #999;  }
.copy_menu li:last-child a {border:0;}
 
/* foot link */
.foot-link-area {position:absolute; top:40px; right:0px;}
.foot-link-area .foot-link {position:relative; right:55px; width:220px; height:44px; background:url(/images/common/ico_foot_sel_arrow.png) center right no-repeat; border:1px solid #555}
.foot-link-area .foot-link label {position:absolute; font-size:14px; color:#999; width:170px; top:12px; left:10px}
.foot-link-area .foot-link .foot-select {width:100%; height:40px; min-height:40px; line-height:40px; font-size:14px; padding:0 10px; opacity:0; filter: alpha(opacity=0); cursor:pointer}
.foot-link-area .btn-link {position:absolute; top:0; right:0; width:50px; height:44px; font-size:13px; font-weight:bold; text-align:center; line-height:44px; background-color:#444; border-radius:3px; color:#fff}

.family_wrap {  position:absolute; top:40px; right:0px; border:1px solid #555;  height:52px;}
.family_wrap > a { display:block; color:#fff;  width:250px; text-align:center; line-height:52px; position:relative;}
.family_wrap > a:hover, .family_wrap > a:focus {text-decoration: underline;}
.family_wrap > a span { display:block; float:right; width:7px; height:5px; text-indent:-99999px; margin-top:25px; margin-right:24px; }
.family_wrap > a span.open { background: url("/images/sub/layout_sp.png") no-repeat -56px -54px; }
.family_wrap > a span.close { background: url("/images/sub/layout_sp.png") no-repeat -65px -54px; }
.family_box{ position:absolute;  width:100%; bottom:50px; background-color:#fff; border:1px solid #555; display: none; z-index: 999;}
 
.family_box ul li { border-top:1px solid #555; background-color:#1E2327; color:#fff; padding:0px 0;}
.family_box ul li:first-child { border-top:none;}
.family_box ul li a{display:block; width:100%;color:#999; text-align:center; line-height:30px; position:relative; font-size:13px; padding:3px 0;letter-spacing:-1px;}
.family_box ul li a:hover, .family_box ul li a:focus {background-color: #333; color: #fff;}
 
 
/*빠른문의*/
.qna_wrap {width:100%;position:fixed;   display: flex;align-items: center;bottom:0; height:90px; padding:0 10px; box-sizing:border-box; background-color:#04111fd4; z-index:9;}
.qna_wrap .qna_box {max-width:1300px; width:100%; margin:0px auto 0 auto; display:flex;  justify-content: center; gap:20px; align-items: center;}
.qna_wrap .qna_box h5 {line-height:50px;   align-items: center; display: flex;margin:0;color:#fff; font-size:25px; }
.qna_wrap .qna_box h5 img {margin-right:5px;}
.qna_wrap .qna_box a {  color:#ffffffc9; font-size:14px; }
.qna_wrap .qna_box button {background-color:#2C7CCC; cursor:pointer; color:#fff; display:inline-block; padding:0px 20px; width:200px;height: 50px; line-height:50px;font-size:18px;  border:0;  }
.qna_wrap .input_wrap { display:flex;}
.qna_wrap  input[type=text]  { padding-left: 10px; border:0; width:200px; height:50px;box-sizing:border-box; background-color:#2f404e; color:#fff; font-size:16px;}
.qna_wrap  input::placeholder { color: #acb1b5; font-size:15px;/* 원하는 색상으로 변경 가능 */}

.qna_wrap  .input02 input  {width:100%; width:400px;}


/* login_check */
.qna_wrap .agree_check { margin:0;  display: inline-block;position: relative;}
.qna_wrap .agree_check input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.qna_wrap .agree_check label {cursor: pointer;padding-left: 32px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 22px; color:#d9d9d9; font-size:17px; font-weight:600;letter-spacing: -0.8px;}
.qna_wrap .agree_check label:before {position: absolute;left: 0;top: 0;content: "";width: 24px;height: 24px;vertical-align: middle;background: url("/images/common/agree_chk.png") no-repeat 0 0;-webkit-background-size: 100% auto;background-size: 100% auto;}
.qna_wrap .agree_check input:checked+label:before {background-image: url("/images/common/agree_chk_o.png"); color:#fff;}

/* 레이어 팝업 배경 */
.popup-background {
display: none; /* 초기 상태는 숨김 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* 반투명 검은 배경 */
z-index: 9999;
justify-content: center;
align-items: center;
}

/* 레이어 팝업 */
.popup-layer {
width:90%;max-width: 500px;
background: #fff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
position: relative;
}

/* 닫기 버튼 */
.close-btn {
position: absolute;
top: 10px;
right: 10px;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer; background-color:#000;
}

.layer_p01 {font-size:16px; margin-bottom:20px;}
.layer_p02 {font-size:14px;}

/* 서브컨텐츠 */
#sub_container_wrap {position:relative;width:100%; height:auto; margin:0px auto;}
#sub_container{width:100%; margin:0 auto; }
#sub_contents {position:relative;width:100%; height:auto; margin:50px auto 0 auto;}


/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:450px;}
 
#sub_visual_wrap { color:#fff; background:#56678A url(/images/main/mv_01.jpg) 50% 50% no-repeat; background-size:cover;  }
#sub_visual {width:1300px; margin:0 auto;}
 

.sub_top_tit {position: relative; padding:220px 0 0 0; }
.sub_top_tit h2 { font-size:30px; font-weight:bold;  margin-bottom:5px; color:#fff;display:inline-block;  text-shadow:3px 2px 0px #222;}
.sub_top_tit p {font-size:17px; font-weight:normal; color:#fff; opacity:0.8;}

  

#subTopBar .btnPrint{right:40px;background:url(/images/sub/icon_btnPrint.gif) no-repeat;}
#subTopBar .btnPrint:hover{background:url(/images/sub/icon_btnPrint_over.gif) no-repeat;border-radius:16px;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}


#subTopBar{position:relative;padding:22px 40px; margin-top:-40px; background-color:#fff;box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);}
#subNav:after{display:block;content:'';clear:both;}
#subNav > li{display:block;float:left;position:relative;min-width:270px;height:32px;box-sizing:border-box; font-weight:normal;}
#subNav > li:after{display:block;content:'';position:absolute;right:0;top:6px;height:20px;border-right:1px solid #cecece;}
#subNav > li.home{min-width:auto;width:45px;background:url(/images/sub/icon_subNav_home.gif) no-repeat 5px center;text-indent:-9999em;}
#subNav > li.home a{background:none;}
#subNav > li > a{ font-weight:normal;cursor:pointer; display:block;padding:0 40px 0 20px;background:url(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;font-size:17px;color:#4d4d4d;line-height:32px;}
#subNav > li > a:hover{color:#2C7CCC;}
#subNav ul{display:none;position:absolute;top:40px;left:-1px;right:0;padding:10px 0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;z-index:9;box-shadow:2px 3px 5px 0px rgba(0,0,0,0.1);}
#subNav ul li a:hover{background:#f6f6f6;color:#2C7CCC;}
#subNav ul li a{display:block;padding:10px 10px 10px 20px;font-size:16px;line-height:120%;}
/* #subNav ul li:first-child a{padding-right:40px;background:url(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;}
#subNav ul li:first-child a:hover{background:#f6f6f6 url(/images/sub/icon_subNav_ar.gif) no-repeat 92% center;} */
#subNav ul li:first-child a,
#subNav ul li:first-child a:hover{padding-right:0;background:none; font-weight:normal;}
#subNav > li.active ul{display:block;}
#subNav > li.active > a{background:url(/images/sub/icon_subNavOn_ar.png) no-repeat 92% center;  font-weight:normal;}

/* 서브네비게이션*/
#sub-nav_wrap {position: absolute; bottom:0px; width: 100%; height: 55px; z-index: 2; background-color:#2B9942;}
#sub-nav {width: 1300px;margin:0px auto 0 auto; padding:0;}
#sub-nav > div > a {
display: inline-block;
float: left;
width: 70px;
height: 55px;
border-style: solid;
border-color: #1A65E1;
border-width: 0 1px;
background-image: url(/images/home-icon.png);
background-repeat: no-repeat;background-position: 50% 50%;background-size: auto;}
#sub-nav > div > a i {display: none;}
#sub-nav .nav-dep {display: inline-block;float: left;position: relative;width: 250px;border-style: solid;border-color: #1A65E1;border-width: 0 1px 0 0;}
#sub-nav .nav-dep > a {display: block;padding: 16px 1.5em;font-weight: 300;font-size:15px;color:#fff;}
#sub-nav .nav-dep > a:after {content: '▼';display: block;position: absolute;top: 50%;right: 20px;  -webkit-transform: rotate(0deg) translateY(-50%);-ms-transform: rotate(0deg) translateY(-50%);transform: rotate(0deg) translateY(-50%);font-size: 0.5em;}


#sub-nav .nav-dep .dep_list li a:hover,
#sub-nav .nav-dep.on > a {background: #1A65E1;font-weight: 400;color:#fff;}



#sub-nav .nav-dep.on > a:after {-webkit-transform: rotate(180deg) translateY(35%);-ms-transform: rotate(180deg) translateY(35%);transform: rotate(180deg) translateY(35%);}
#sub-nav .nav-dep .dep_list {display: none;position: absolute;top: 54px;left: -1px;width: 251px;border: 1px solid #1A65E1;background: #fff;z-index: 100;}
#sub-nav .nav-dep .dep_list li a {display: block;height: 50px;line-height: 50px;padding: 0 1.5em;border-top: 1px solid #1A65E1;font-weight: 300;}
#sub-nav .nav-dep .dep_list li a:first-child {border-top: 1px solid #f6f6f6;}
/* 컨텐츠*/
.con_body{clear:both;height:auto;width:1300px; padding:0 0 0 0; margin:80px auto; } 


.nav_inner {width:1300px; margin:0 auto;}

 

.quick_menu {position:fixed; right:0px; top:150px; width:150px; z-index:29; border-radius:10px 0 0 10px; background-color:#2C7CCC; color:#fff; padding:20px; box-sizing:border-box; text-align:center;}
.quick_menu a {color:#fff; font-size:14px; }
.quick_menu a.br1 {position:relative; padding-right:14px; border-right:0;}
.quick_menu a.br1:after {position:absolute; width:1px; height:12px; right:5px; top:5px;  content:''; background-color:#ffffff96;}
.quick_menu .quick_p {color:#fff; font-size:15px;}
.quick_menu .quick_p + span  {color:#ffe400; font-weight:bold; font-size:15px; }
.quick_menu .top-button {display:block; border-top:1px dotted #ffffff96;  margin-top:10px; padding-top:5px;  font-size:13px;}

.quick_menu ul {background-color:#fff; border-radius:20px; padding:10px; margin:15px 0;}
.quick_menu ul li a {transition:0.2s;  display:block;padding:45px 0 10px 0; border-bottom:1px solid #f1f1f1;}
.quick_menu ul li a p {font-size:14px;}
.quick_menu ul li:last-child a{border-bottom:0; padding-bottom:0;}
.quick_menu ul li a:hover p{color:#2C7CCC; transition:0.2s;} 

.quick_menu ul li:nth-child(1) {background:url(/images/main/quick_02.png) no-repeat 50% 20%; background-size:30px;}
.quick_menu ul li:nth-child(2) {background:url(/images/main/quick_03.png) no-repeat 50% 20%;background-size:30px;}
.quick_menu ul li:nth-child(3) {background:url(/images/main/quick_05.png) no-repeat 50% 20%;background-size:24px;}
.quick_menu ul li:nth-child(4) {background:url(/images/main/quick_04.png) no-repeat 50% 20%;background-size:28px;}

 .quick_menu ul li:hover {background-position:50% 25%; transition:0.2s;}


/* Tablet Device 1700  */
@media  (max-width:1700px) {

/*quick*/
.quick  {display:none;}
 

}



/* Tablet Device 최소 900 ~ 1400  */
@media   (max-width:1400px) {


#wrap {min-width:100%;}
.wrapper { width:100%; }

.nav_inner {width:96%; margin:0 auto;}


/*서브비주얼*/
#sub_visual { width:100%;}

#sub-nav { width:100%;}

/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}
#footer_wrap #footer{ max-width:98%;}
#footer_wrap #copymenu {width:100%;}

.sub_top_tit { margin-left:20px;}


.con_body{ width:98%; padding:0px 1%;}


.copy_menu {width:100%;}
.qna_wrap  .input02 input { width: 250px;}
.qna_wrap .qna_box button {width: 100px;font-size: 16px;}
.qna_wrap .qna_box h5 { font-size: 17px;}
.qna_wrap .agree_check label {font-size: 13px;}


}





/* Tablet Device 최소 900 ~ 1199  */
@media   (max-width:1199px) {
 
 #wrap {min-width:100%;}
.nav_inner {width:90%; margin:0 auto;}

.top00 a {display:none;}

/*서브콘텐츠 */
#sub_contents {width:100%;margin:20px 0; }
#sub_container{width:100%; background-image:none;}

#sub_visual_wrap {width:100%; height:300px;background-position: 35% top;}
#sub_visual { width:100%;}


#snb {display:none;} /*왼쪽메뉴*/
#con_header {width:98%;margin-left:1%;  height:86px; margin-top:10px; }
.con_body{display:block;; width:96%;margin-left:2%; }



/*���������� */
#sub_contents {width:100%; margin-top:50px;}
#sub_container{width:100%;}

 


/*서브비주얼*/

#sub-nav { width:100%;}
.sv_1 {position:relative; width:100%; height:400px;}

.sub_top_tit {padding: 150px 0 0 0; margin-left:50px;}

#sub_visual_wrap {background-size:cover; height:400px;}
.sub_top_tit h2 { font-size:30px; font-weight:500;padding-left:0px; margin-bottom:15px; color:#fff;display:inline-block}
.sub_top_tit p {font-size:16px; color:#fff;}


#subTopBar {padding:20px 10px;}


.copy_menu {width:100%;}

.quick_menu {display:none;}


.qna_wrap .agree_check {
display: flex;
flex-direction: column;
align-items: center;
}
.qna_wrap .agree_check {
    margin: 0;
 }

 .qna_wrap  input[type=text] {
     height: 40px;
     line-height: 40px;
    font-size: 14px;
}
.qna_wrap .qna_box h5 {
line-height:120%;  font-size: 14px;}
.qna_wrap .qna_box button {
     height: 40px;
    line-height: 40px;
 }
}









/* Tablet Device 최소 590 ~ 899  */
@media  (max-width:899px) {


#wrap {min-width:100%;}
.wrapper { width:100%; }
#header h1 { float:left; margin-left:10px;}



#gnb {display:none;} /*대메뉴*/
#lnb {display:none;} /**/

#header #gnb .gnb_mn{width:100%; margin:0 auto; z-index:10; }



/*모바일메뉴*/
#rwd_header {display:block; position:relative; z-index:56;}
#rwd_header .gnb_btn {right:2%; top:-80px; width:54px; height:50px; position:absolute;}
#rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#00AFEB url(/images/common/mobile-top1.png) no-repeat center 50%;}

.rwd_gnb {position:absolute; top:-115px; left:-220px; width:220px; background:#2b343d; z-index:10;}
.rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;}
.rwd_gnb .link_site li {}
.rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/images/common/rwd_link_bul.gif) no-repeat left 50%;}
.rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;}
.rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb .lang_site dd {margin:0;}
.rwd_gnb .lang_site dd ul {width:100%;}
.rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;}
.rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/images/common/rwd_lang_bul.gif) no-repeat left 5px;}
.rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;}
.rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;}
.rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 url(/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;}
.rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;}
.rwd_gnb .depth2 li h3.on a {background:#232830 url(/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;}
.rwd_gnb .depth3 {background:#31353c;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}


#footer_wrap  { padding:0 10px 0px 10px; box-sizing:border-box; text-align:center; }

 #footer_wrap #footer{ max-width:100%; padding: 20px 0 0px 0;}
#footer_wrap #cm_wrap {border-top:0;border-bottom:0;}
#footer_wrap #footer .copy_logo {position:relative; width:100%; left:0; top:0; text-align:center; margin-bottom:20px; z-index:0;}
.site_info {display:block; float:none; padding:0!important;  margin:20px 0;}
.copy_sns {position:relative; width:180px; margin:0 auto; left:0; top:0; text-align:center;   text-align:center;} 

#footer_wrap #footer .site_info { float: none;}
#footer_wrap #footer .copy_logo2 {    display: none;}
.site_info {margin: 0;}

 
.copy_menu {width:100%;}

.foot-link-area {display:none;}



.family_wrap {  position:relative; top:0px; right:0px; margin-top:20px;}
.family_wrap > a {   width:100%;  }

.qna_wrap .qna_box h5 {line-height: 120%;font-size: 14px;position: absolute;left: 10px;top: 10px;}
.qna_wrap .agree_check {position: absolute;right: 10px;top: 10px;}
.qna_wrap .agree_check {flex-direction: row;}


.qna_wrap  input[type=text] {max-width: 200px; width:100%;}
.qna_wrap .qna_box button {width: 100px;}
.qna_wrap .qna_box  {margin-top:20px; gap:10px;}


.qna_wrap {height: auto;padding: 20px 10px;}



}










/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {


#footer_wrap {height: 320px;}


.nav_inner {width:100%; margin:0 auto 30px auto;}


#wrap {min-width:100%;}
.wrapper { width:100%; }


#footer_wrap #footer .copy_logo img { width: 150px;}
#footer_wrap #footer .copy_logo { margin-bottom: 10px;}
 #footer_wrap #footer .site_info { font-size: 13px; letter-spacing:-1px;}
.copy_menu li a {padding: 0 10px; font-size: 13px;}


/*모바일탑*/
.top00 {bottom:115px;position: fixed;right: 10px;z-index: 9999; display:block;}
.top00 a {display:block;}

 
/*모바일메뉴*/
#rwd_header {display:block; position:relative; z-index:56;}
#rwd_header .gnb_btn {right:2%; top:-80px; width:54px; height:50px; position:absolute;}
#rwd_header .gnb_btn a {display:block; width:54px; height:50px; display:block; background:#00AFEB url(/images/common/mobile-top1.png) no-repeat center 50%;}

.rwd_gnb {position:absolute; top:-115px; left:-220px; width:220px; background:#2b343d; z-index:10;}
.rwd_gnb .link_site {width:90%; background:#767676; padding:8px 5%;}
.rwd_gnb .link_site li {}
.rwd_gnb .link_site li a {color:#f3f3f3; display:block; padding:3px 0 3px 10px; font-size:0.929em; background:url(/images/common/rwd_link_bul.gif) no-repeat left 50%;}
.rwd_gnb .lang_site {width:90%; background:#9a9d9e; padding:8px 5%;}
.rwd_gnb .lang_site dt {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}
.rwd_gnb .lang_site dd {margin:0;}
.rwd_gnb .lang_site dd ul {width:100%;}
.rwd_gnb .lang_site dd ul:after {content:""; display:block; clear:both;}
.rwd_gnb .lang_site dd ul li {float:left; width:32%; background:url(/images/common/rwd_lang_bul.gif) no-repeat left 5px;}
.rwd_gnb .lang_site dd ul li:first-child {background:none; width:36%;}
.rwd_gnb .lang_site dd ul li a {display:block; color:#fff; font-size:0.929em; text-align:center;}
.rwd_gnb h2, .rwd_gnb h3 {margin:0px; padding:0px;}
.rwd_gnb h2 a {display:inline-block; width:95%; height:42px; padding-left:5%; line-height:42px; background:#2b343d url(/images/common/rwd_gnb_depth1_bul.gif) no-repeat 93% 50%; color:#fff; border-bottom:1px solid #494c54; font-size:0.750em; text-decoration:none;}
.rwd_gnb h2.on a {background:#2384b8 url(/images/common/rwd_gnb_depth1_bul_ov.gif) no-repeat 93% 50%;}
.rwd_gnb .depth1 {background:none; border-top:1px solid #494c54;}
.rwd_gnb .depth2,
.rwd_gnb .depth3 {display:none;}
.rwd_gnb .depth2 li h3 a {display:inline-block; text-decoration:none; vertical-align:top; width:90%; height:35px; line-height:35px; padding-left:10%; color:#d2d2d2; background:#232830 url(/images/common/rwd_gnb_depth2_bul.gif) no-repeat 6% 12px; border-bottom:1px solid #31353c; font-size:0.875em; letter-spacing:-0.5px;}
.rwd_gnb .depth2 li h3.on a {background:#232830 url(/images/common/rwd_gnb_depth2_bul_ov.gif) no-repeat 6% 12px;}
.rwd_gnb .depth3 {background:#31353c;}
.rwd_gnb .depth3 li:first-child {padding-top:8px;}
.rwd_gnb .depth3 li:last-child {padding-bottom:8px;}
.rwd_gnb .depth3 li {}
.rwd_gnb .depth3 li a {display:inline-block; text-decoration:none; vertical-align:top; width:86%; padding-left:14%; height:25px; color:#c8c8c8; line-height:25px; background:#31353c url(/images/common/rwd_gnb_depth3_bul.gif) no-repeat 10% 12px; font-size:0.938em;}
.rwd_gnb .depth3 li.on a {font-weight:600;}
.shadow_bg {width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:9; display:none;}



/*서브컨텐츠*/
#sub_contents {width:100%;}
#sub_container{width:100%; padding-top:0px;}


.con_body{ width:94%;   margin:0 3%;}


/*서브비주얼*/
.sv_1 {position:relative; width:100%; height:500px;}

#sub-nav { width:100%;}


#sub_visual_wrap {background-size:100%; height:250px;  background-size:cover;  }

.sub_top_tit {padding: 110px 0 0 0; margin-left:0px; text-align:center;}
.sub_top_tit h2 { font-size:1.4em; font-weight:500;padding-left:0px; margin-bottom:0px; color:#fff;display:inline-block}
.sub_top_tit p {font-size:12px; color:#fff; letter-spacing:-1px;}



#subTopBar {padding:5px 0; margin-top:-40px;   width:100%}
#subNav > li{display:none;}
#subNav > li:last-child{display:block;width:100%;}
#subNav > li:after{display:none;}
#subNav ul li a{padding:10px 5%;}
#subNav > li > a{padding:0 5%;   font-size: 14px;}
#subNav ul{top:-10px;}
#subNav ul li a {font-size: 14px;}

.qna_wrap .qna_box button {font-size: 14px;padding: 0px 5px;}
.qna_wrap .qna_box  {  gap:5px;}
.qna_wrap .qna_box h5 {font-size: 13px;}
.qna_wrap .qna_box h5 img {width:16px;}

.qna_wrap .qna_box a {color: #fff;font-size: 12px;}

.qna_wrap .agree_check label {font-size: 12px;}
.qna_wrap .agree_check label:before {width: 16px;height: 16px;vertical-align: middle;}
.qna_wrap .agree_check label {padding-left: 22px;line-height: 15px;}


.copy_menu .copy_logo2 {    display: none;}

.popup-layer {width: 70%;padding: 20px;}
.layer_p02 {font-size: 13px;}


.copy_menu li a {    font-size: 12px;}
}









/*전시회개요*/
.introduce {display:flex; gap:60px;   align-items: center;}
.introduce img {height:600px; width:570px;   object-fit:cover;}
.introduce  .intro_txt .intro_p01 {color:#222; font-size:30px; line-height:140%; }
.introduce  .intro_txt .intro_p02 {color:#222; font-size:20px;   }
.introduce  .intro_txt  em {color:#60aa1a; font-size:17px;display:block;padding-top:20px;}

.intro_txt .intro_p01 b{   position: relative;z-index: 1;}
.intro_txt .intro_p01 b:after {content: '';z-index: -1;display: block;width: 100%;height: 16px;background-color: #ff9797;left: 0;bottom: 0px;position: absolute;}

.introduce li {padding-left:0; color:#222; font-size:17px;}
.introduce li b {  background-color:#60aa1a; color:#fff; padding:2px 10px; }



.greetings_wrap {overflow:hidden; background:#dee7d4  url('../images/sub/greetings_bg.jpg') no-repeat 50% 50% / cover; margin-top:80px ; width:100%; }
.greetings { padding:100px 0;  width:100%; max-width:1400px; margin:0 auto; display:flex; gap:60px;}
.greetings img {   width:100%; max-width:600px; object-fit:cover; }
.greetings .txt01 {font-size:20px;color:#465338; }
.greetings .txt02 {font-size:40px; font-weight:bold;color:#1e2b11; }
.greetings .txt03 {font-size:26px;color:#1e2b11; line-height:140%; margin:30px 0;}
.greetings .txt04 {font-size:18px;color:#465338;}
.greetings .txt05 {margin-top:30px;font-size:24px; text-align:right; color:#465338;}



.greetings .txt02  b{   position: relative;z-index: 1;}
.greetings .txt02  b:after {content: '';z-index: -1;display: block;width: 100%;height: 16px;background-color: #b6ca9f;left: 0;bottom: 0px;position: absolute;}





/* Tablet Device 최소 900 ~ 1199  */
@media  (max-width:1199px) {

.pc_pt80 {padding-top:40px;}
.pc_enter2 {display:inline;}

/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

.inner { width: 100%;}

.tbTypeA thead tr th {padding:10px 3px; font-size:1.0em;}
.tbTypeA tbody tr th { font-size:1em;  padding:5px 3px;  line-height:120%; letter-spacing:-1px;}
.tbTypeA tbody tr td { font-size:1em;  padding:10px 3px; letter-spacing:-1px; line-height:150%;}

 
  
.h4_title p { font-size: 30px; }
 
.contents_tab li {float: left;width:25%}

.cure_title_wrap  .img {max-width: 300px; object-fit:cover;}
.cure_title p {font-size: 28px;margin: 0 0 10px 0;}

.gray_box_ul li p { font-size: 18px;}
.gray_box_ul .depth01 li {   padding-bottom:0; }


.introduce  .intro_txt .intro_p01 {font-size: 24px;}
.introduce  .intro_txt .intro_p02 {font-size: 17px;}
.point_ul li span {font-size: 16px;width: 60px;margin-right: 7px;}
.introduce {gap: 30px;}
.introduce img {height: 600px;width: 370px;}

.greetings .txt02 {font-size: 34px;}
.greetings .txt03 {font-size: 20px;margin: 20px 0;}
.greetings .txt04 {font-size: 15px;}
.greetings img {  max-width: 500px;}


.watch_wrap {gap:30px;margin-bottom: 50px;padding-bottom: 50px;}

.watch_wrap .title {  width: 240px;}
.watch_wrap .title h4 {font-size: 23px;}
.watch_wrap .title em { font-size: 13px;}

.base_box_01 div .down {margin-left:0px; margin-bottom:10px;}

}








/* Tablet Device 최소 590 ~ 899  */
@media (max-width:899px) {

.con_body h3 {margin-top:10px; font-size:28px;}
.h5{font-size:1.8em;}

.pc_etner {display:inline-block;}


 
.mobile_enter{display:block;}
.pc_enter {display:inline;}
.pc_enter2 {display:inline;}


/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; }
.hand_wrap table{width:1000px !important;} 



.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:3px; letter-spacing:-1px; }

/*쓰기 게시판*/
.table_write tbody th {padding:10px 5px; font-size:1.0em;}
.table_write tbody td {padding:10px 5px; font-size:1.0em;}


/* 이미지100% 스타일 */
.img100 {width:100%;}

/*이미지하단에 글씨*/
.imgtxt {width:49%; margin:10px 1% 20px 0; }
.imgtxt img {width:100%;}
.imgtxt span {width:100%;}

.back_bg {background-position:0 20%;}


ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}

ul.img_col2 {  width:100%;}

  
/*개인정보 클릭후 뜨는 창*/
#agree {left:10%; width:80%; margin-left:0px;}



/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 20px 0; margin-bottom:50px; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap table{max-width:900px; min-width:600px!important;} 
.hand_wrap  .tabel_more  { border-radius:3px; padding:5px 20px 5px 10px; color:#fff;  background-color:#444; background-image:none;}
.select_box04 select {
height: 40px;
padding-left: 5px;
padding-right: 45px;
margin-right: 5px;
font-size:14px;
letter-spacing:-1px;
}
.main_table p {font-size: 14px; margin-top:-6px;}


.table_view input[type="text"], .table_write input[type="password"]  { height: 20px; width: 86%; padding: 5px 5px;}
.table_view textarea {width: 94%;height: 50px!important;padding: 5px;font-size: 14px;}

.container2 label {font-size: 16px;padding:10px 10px;height:auto;}


ul.img_col2 {  width:100%;}

 
.contents_tab li {float: left;width:50%}
.contents_tab:before {content: '';background-color: #e7e7e7;width: 1px;bottom: 0;right: 0;top: 0;position: absolute}
.contents_tab:after {content: '';background-color: #e7e7e7;height: 0px;bottom: 0;right: 0;position: absolute;left: 0}


.event_img_ul li { gap: 10px; }
.event_img_ul li img {border-radius:10px;  width:100%; object-fit:cover; }
.event_img_ul li img {max-width: 250px;}

.introduce {flex-direction: column;}
.introduce img {height: 450px;width: 100%;  }

.watch_wrap {flex-direction: column;}
.watch_wrap .title {width: 100%; text-align:left; }
.watch_wrap .title h4 {text-align: left;}
.watch_wrap .title i { position:absolute; right:20px; top:50%;transform: translateY(-50%);margin-top: 0px;font-size: 60px;}

 
.base_box_01 { flex-direction: column;gap: 30px;padding: 30px;}
.base_box_01  img {width:200px;}

.base_box_01 div a {font-size:14px; letter-spacing:-1px;}
 

}



















/*directions_wrap*/
.directions_wrap {width: 100%;height: 700px;background: url("/images/mainbg01.png") no-repeat 50% 0 / cover;position: relative;display: flex;align-items:center;padding: 10px;box-sizing: border-box; gap:50px;}

.directions .directions_wrap {background-image: none !important;}
.directions_wrap .tabs {width: 30%;box-sizing: border-box;}
.directions_wrap .tabs .tab_flex {display: flex;gap: 10px;}

.directions_wrap .tabs button {display: block; font-size:16px; width: 100%;padding: 10px;background-color: #fff;border: none;cursor: pointer;text-align: center; position:relative;}
.directions_wrap .tabs button.active {background-color: #ff3131;color: #fff; font-weight:500;}
.directions_wrap .tabs button.active:before {
z-index: 9;
position: absolute;
bottom: -7px;
right: 0;
left: 0;
margin: -5px auto 0;
border-width: 0 1px 1px 0;
width: 14px;
height: 17px;
content: "";
background-color: #ff3131;
transform: rotate(45deg);
}


.directions_wrap .tabs em {color: #ff3131;font-size: 20px;}
.directions_wrap .tabs h4 {font-size: 40px;color: #fff;margin-bottom: 20px;}
.directions_wrap .tabs ul {margin-top: 60px;list-style: none;padding: 0;}
.directions_wrap .tabs li {width: 100%;color: #fff;font-size: 17px;border-bottom: 1px solid #5f5f5f;padding-bottom: 10px; padding-left:35px;box-sizing:border-box; margin-bottom: 10px;}
.directions_wrap .map {width: 70%;height: 80%;background-color: #fff;}
.directions_wrap .hidden {display: none;} 
/*.directions_wrap .hidden {visibility:hidden;}*/


.directions_wrap .tabs li:nth-child(1) {background: url("/images/main/icon_mappin.png") no-repeat 5px 2px;}
.directions_wrap .tabs li:nth-child(2) {background: url("/images/main/icon_calendar.png") no-repeat 5px 2px;}
.directions_wrap .tabs li:nth-child(3) {background: url("/images/main/icon_phone.png") no-repeat 5px 2px;}




.customer_div .customer_title { margin-right:20px; font-size:22px; color:#fff; font-weight:bold;}
.customer_div .time_info .customer_title_p { color:#fff200; font-weight:bold; font-size:24px;}
.customer_div .customer_title_p {font-size:19px; color:#e4e4e4; font-weight:400; }
.customer_div .customer_title_p02 {font-size:15px; opacity:0.8; color:#e4e4e4; font-weight:400 }

.customer_wrap li {font-size:15px; opacity:0.8;color:#e4e4e4;  }
.customer_wrap li i {font-size:13px; font-style:normal;  }

.customer_div {margin-bottom:60px;display:flex;  }
.customer_div_sub {background-color:#1c375c; padding:40px 0px; box-sizing:border-box;}
.customer_div_sub p {color:#fff;}
.customer_div_sub li {color:#ffffffb8;}
.customer_div_sub li i {font-size:13px; font-style:normal;  }

.customer_div_sub .map_btn {margin-top:10px;}

 
.customer_div .map_info{width:100%; display:flex;    align-items: center;justify-content: center;align-content: center;padding-left:0px;}
.customer_div .time_info {border-right:1px solid #ffffff21; margin-right:40px; width:40%; }
.customer_div .tel_info span {font-size:40px; font-weight:bold; color:#fff;}
.customer_div .tel_info span i {font-size:30px; font-weight:normal; margin-right:5px;   font-style: normal;}
.customer_div .tel_info {border-right:1px solid #ffffff21; margin-right:40px;}


.customer_div .map_info  a {font-size:16px; display:inline-block; border-radius:10px; padding:10px 10px 10px 43px; }
.customer_div .map_info .map_btn { display:flex; margin-left:20px;  gap:10px; }
.customer_div .map_info .kakao { color:#3a250a; background: #ffe500 url("/images/sub/btn_kakao.gif") no-repeat 10% 50%}
.customer_div .map_info  .naver {color:#fff; background: #2db400 url("/images/sub/btn_naver.gif") no-repeat 8% 50%}



/* Tablet Device 최대 1000  */
@media (max-width:1000px) {

.directions_wrap .tabs ul {  margin-top: 30px;}
.directions_wrap {height: auto; overflow:hidden;gap: 30px;flex-direction: column;}
.directions_wrap .tabs {width: 96%;}
.directions_wrap .map {width: 96%;height: 360px;  }

.directions_wrap .tabs li:last-child {  border-bottom:0;}

.main_inner {padding: 60px 0;}
.program_inner {padding: 60px 0;}


.customer_div .map_info  a {font-size: 14px;padding: 10px 10px 10px 38px;}

}



/* Tablet Device 최대 899  */
@media (max-width:899px) {
.introduce_wrap ul li {width:200px;}
.introduce_wrap li:nth-child(1) a { background-size: 65px;}
.introduce_wrap li:nth-child(2) a { background-size: 60px;}
.introduce_wrap li:nth-child(3) a { background-size: 55px;}
.introduce_wrap li:nth-child(4) a { background-size: 55px;}
.introduce_wrap li:nth-child(5) a { background-size: 55px;}
.introduce_wrap li span { padding: 10px 0;}


.introduce_wrap .intro_bg01 img {max-width:160px; }
.introduce_wrap .intro_bg02 img {max-width:230px; }



.program_wrap .mySwiper .swiper-scrollbar  {width:90%!important; }

.News_wrap .news_bg01 img {max-width:300px; width:100%;}
.News_wrap .news_bg02 img {max-width:200px; width:100%;}
.News_wrap .news_bg03 img {max-width:270px; width:100%;}
.News_wrap .news_bg03 {right:-5%;  }


.customer_div .map_info { flex-wrap: wrap;}

}




/* Tablet Device 최대 899  */
@media (max-width:799px) {

 .ratiowrap > .root_daum_roughmap {width:100%;padding-bottom:56.6%;}

.notice_flex {flex-direction: column;  margin: 0px auto 0 auto; }
.photo_list {  height: auto;}


.introduce_wrap ul {gap: 15px;}
.introduce_wrap ul li {width:30%;}
.introduce_wrap li a {height: 200px;padding-top: 20px;border-radius: 30px;}
.introduce_wrap li em {font-size: 13px;}
.introduce_wrap li h4 {font-size: 19px;}
.introduce_wrap li span {border-radius: 0 0 30px 30px;}

.introduce_wrap li:nth-child(1) a { background-size: 60px;background-position:50% 60%;}
.introduce_wrap li:nth-child(2) a { background-size: 55px;background-position:50% 60%;}
.introduce_wrap li:nth-child(3) a { background-size: 50px;background-position:50% 60%;}
.introduce_wrap li:nth-child(4) a { background-size: 50px;background-position:50% 60%;}
.introduce_wrap li:nth-child(5) a { background-size: 50px;background-position:50% 60%;}

.program_wrap .mySwiper .swiper-slide  p { font-size: 16px;}

.News_wrap .news_bg03 img {max-width:200px;  }



}







/* Tablet Device 최대 589  */
@media (max-width:589px) {
.main_inner {padding: 40px 0;}
.program_inner {padding: 40px 0;}

.main_title h3 {font-size:26px; margin-bottom: 30px;}
.main_title   p {font-size: 15px;}

.directions_wrap .tabs h4 {font-size: 26px;}
.directions_wrap .tabs em { font-size: 15px;}

 

.btn_cicle { bottom: -20px;width: 100px;height: 100px;background-size:30px ; background-position:50% 20px;}
.btn_cicle:hover::after {width: 120px;height: 120px; }
.btn_cicle p {  padding-top:30px; font-size: 15px;}


.page_scroll span {  font-size: 11px;}

.introduce_wrap li em { font-size: 11px;}
.introduce_wrap li h4 {font-size: 17px;}
.introduce_wrap li a {height: 180px; }

.introduce_wrap li:nth-child(1) a { background-size: 50px; }
.introduce_wrap li:nth-child(2) a { background-size: 45px;}
.introduce_wrap li:nth-child(3) a { background-size: 35px;}
.introduce_wrap li:nth-child(4) a { background-size: 35px;}
.introduce_wrap li:nth-child(5) a { background-size: 35px;}


.introduce_wrap ul li {width:46%;}
.introduce_wrap li a {height: 140px;padding-top: 15px;border-radius: 20px;}
.introduce_wrap li span {border-radius: 0 0 20px 20px; padding:5px 0; font-size:14px;}


.introduce_wrap .intro_bg01 {  top:3%;}
.introduce_wrap .intro_bg01 img {max-width:70px; }

.introduce_wrap .intro_bg02 {  top: 60%; }
.introduce_wrap .intro_bg02 img {max-width:150px; }

.swiper-free-mode>.swiper-wrapper {padding-bottom: 40px;}
.program_wrap .mySwiper .swiper-slide {  width: 160px; border-radius: 15px;  }
.program_wrap .mySwiper .swiper-slide a img {height: 120px;}
.program_wrap .mySwiper .swiper-slide  p {  font-size: 15px;}

.photo_title { margin-bottom: 10px;}
.photo_title a {font-size: 30px;}
.photo_list li a img {   height: 140px }
.photo_list li a p {font-size: 14px;margin-top: 10px; height:18px;}
.photo_list li a span { font-size: 13px;}

.News_wrap .news_bg02 img {max-width:130px; }

 
.News_wrap .news_bg03 img {max-width:130px; }
.News_wrap .news_bg03 {right:-2%; top: 7%;}


.introduce_wrap .intro_bg02 {right:-15px; top: 66%;}


.directions_wrap .tabs ul { margin-top: 30px; }
.directions_wrap .map {width: 96%;height: 300px;  }


.customer_div { margin-bottom: 0px;}
.customer_div .customer_title {margin-right: 15px;font-size: 17px;}
.customer_div .customer_title_p {font-size: 15px;}
.customer_div .map_info  .naver {background-position: 5% 50%;}
.customer_div .map_info .kakao { background-position: 5% 50%;}
.customer_div .map_info  a {font-size: 13px;padding: 10px 8px 10px 30px;}

.customer_div_sub {  padding: 40px 20px;}


.introduce  .intro_txt .intro_p01 {font-size: 18px;}
.introduce img {height: 200px;}
.introduce {gap: 20px;}

.intro_txt .intro_p01 b:after { height: 10px;}


}




/* Tablet Device 최대 400  */
@media (max-width:400px) {

.main_inner {padding: 30px 0;}
.program_inner {padding: 30px 0;}

 
.btn_cicle {bottom: -35px;}


 
 
 
.notice_box {padding: 10px;}
.board_list .empty_li {  font-size: 14px;}

.add-link {font-size: 25px;padding: 10px;}

.photo_box {padding: 10px;}
.photo_title h4 {  font-size: 16px;}
.photo_title a {font-size: 25px;}
.photo_list li a img {   height: 120px }

.News_wrap .news_bg03 {right:-8%; }

.directions_wrap .map { height: 250px;  }

.main_visual .swiper-slide .m_txt03 em {  font-size: 14px;  } 

.page_scroll {bottom: -20px; }
.page_scroll:after {bottom: 7px;}

.main_visual .swiper-slide .m_txt03 {letter-spacing: -1px;}

.directions_wrap .tabs li {font-size: 14px; letter-spacing: -1px;}

.btn_cicle p {padding-top: 26px;font-size: 13px;}

.directions_wrap .tabs h4 {font-size: 20px;}
.directions_wrap .tabs em { font-size: 13px;}
.directions_wrap .tabs button { padding: 5px 0;}
 
.introduce  .intro_txt .intro_p01 { font-size: 16px;}
.introduce  .intro_txt .intro_p02 {  font-size: 14px}
.introduce img { height: 180px;}





}