solution@charset "utf-8";

/* reset */
* { padding:0; margin:0 }
*, :after, :before { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
html { overflow-y:scroll; height:100% }
body { font-family: 'Pretendard';, dotum, sans-serif; color:#222; height:100%; font-weight:300; font-size:0.85em }
img { max-width:100% }

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-size:1em; font-family: 'Pretendard'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }

label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; font-family: 'Pretendard';, dotum, sans-serif }
input[type=text], input[type=password], input[type=date] { padding:0 5px; border:1px solid #ddd; color:#222; line-height:34px; height:36px; }
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#bbb }
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#bbb }
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, textarea:-moz-placeholder { color:#bbb }
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:3px;font-size:1em;-webkit-appearance:none}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}

button { cursor:pointer; outline:none }
select { border:1px solid #ddd; height:36px; padding:0 0 0 9px; cursor:pointer; color:#222; }
.styled_select { height:36px; overflow:hidden; border:1px solid #ddd; background:#fff; display:inline-block; border-radius:3px; vertical-align:middle; position:relative }
.styled_select i { position:absolute; right:10px; text-align:center; height:34px; line-height:32px; top:0; font-size:14px }
.styled_select select { background:transparent; height:34px; border:0; -webkit-appearance: none; outline:none; padding-right:40px; width:100%; vertical-align:top; position:relative; z-index:1 }
.styled_select select:disabled { cursor:default; background:#f0f0f0 }
.styled_select select::-ms-expand { display:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent }
a, .btn { transition:all .3s }
strong, b, th { font-weight:500; }
table { width:100%; border-collapse:collapse; border-spacing:0 }
caption { display:none; font-size:0; line-height:0 }
textarea {color:#222; font-size:1em; line-height:1.5; border:1px solid #ddd; padding:10px; width:100%; border-radius:3px; vertical-align:top }
address { font-style:normal }

/* global */
.txt_black { color:#222 !important }
.txt_white { color:#fff !important }
.txt_gray { color:#aaa !important }
.txt_red { color:#cc121d !important }
.txt_blue { color:#069be8 !important }
.txt_orange { color:#ffaa00 !important }
.txt_green { color:#8ecd09 !important }
.txt_brown { color:#9f5e15 !important }
.wrap:after { content:""; display:block; clear:both }
.clear:after { content:""; display:block; clear:both }
.center { text-align:center !important }
.left { text-align:left !important }
.right { text-align:right !important }
.f_left { float:left !important }
.f_right { float:right !important }
.skip { font-size:0; text-indent:-9000px; line-height:0; display:none }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block }
input.short { width:70px; text-align:center }
input.long { width:100% }
input.half { width:49% }
ul:after { clear:both; content:""; display:block }
.overflow_y { overflow-x:hidden; overflow-y:scroll; border:1px solid #ddd }

.succession { margin-top:20px !important }
.paragraph { margin-bottom:40px !important }
span.space { display:inline-block; width:20px }
.prepare { width:500px; margin:50px auto; padding:50px; border:1px solid #eaeaea}
.prepare h2 { font-size:24px; text-align:center; margin:0 0 20px }
.prepare h2 i { font-size:50px; margin:0 0 20px; display:block; color:#ddd }
.prepare p { text-align:center; font-size:13px }

.pc_only { display:block !important }
.pc_no { display:none !important }
.mobile_only { display:none !important }
.s_mobile_only { display:none !important }
.ahref { position:absolute; text-indent:-9000px; background:red; display:inline-block; opacity:0; filter:alpha(opacity=0) }

.btn { padding:.8rem 1.4rem .9rem 1.4rem; line-height:1; font-weight:500; border:1px solid #ccc; transition:all .2s; display:inline-block; border-radius:0; outline:none; vertical-align:middle; border-radius:3px; font-size:1em; text-decoration:none !important }
a.btn, .btn { font-weight:500 }
.btn-primary { background:#2188d8; border-color:#2188d8; color:#fff !important }
.btn-primary-line { background:#fff; border-color:#2188d8; color:#2188d8 !important }
.btn-info { background:#3e444c; border-color:#2f343a; color:#fff !important }
.btn-green { background:#71c702; border-color:#71c702; color:#fff !important }
.btn-green-line { background:#fff; border-color:#71c702; color:#71c702 !important }
.btn-red { background:#e93c20; border-color:#e93c20; color:#fff !important }
.btn-red-line { background:#fff; border-color:#e93c20; color:#e93c20 !important }
.btn-default { background:#fff }
.btn-lg { padding:1.1rem 2.4rem; font-size:1.1rem; border-radius:5px }
.btn-ml { padding:10px 20px 12px 20px; font-size:14.5px; border-radius:5px }
.btn-ml i { font-size:14px }
.btn-sm { padding:0 15px; height:36px; line-height:32px; font-size:.95rem; border-radius:3px }
.btn-sm i { font-size:14px }
.btn-xs { padding:5px 7px 6px 7px; font-size:.95rem; border-radius:3px }
.btn-xs i { font-size:14px }

.btn_guide { position:fixed; z-index:100; right:0; top:40% }
.btn_guide a { display:block; background:red; color:#fff; width:100px; line-height:30px; text-align:center; margin:0 0 3px; font-weight:500 }

.tab_menu ul { font-size:0; margin:0 0 0 1px }
.tab_menu li { display:inline-block; }
.tab_menu li a { display:inline-block; border:1px solid #e0e0e0; padding:12px 25px; margin:0 0 0 -1px; color:#999; font-weight:400; font-size:.9rem }
.tab_menu li:hover a { background:#f0f0f0 }
.tab_menu li.on a { border-color:#000; color:#222; position:relative; z-index:1; background:#fff }
.tab_con > section { display:none }

/* pop layer */
#popLayerBg { position:fixed; z-index:99; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); display:none }
.pop_layer { z-index:100; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,0.6); }
.pop_layer > header { background:#576f8d; height:46px; border-radius:0; }
.pop_layer > header h2 { text-align:center; font-family:nanumsquare; font-size:18px; font-weight:500; color:#fff; line-height:42px; }
.pop_layer .btn_close { position:absolute; top:12px; right:12px; display:block; font-size:20px; text-align:center; width:20px; height:20px; line-height:20px; text-indent:-9000px; background:url(../img/btn_close.png) no-repeat; background-size:100% }
.pop_layer > header + .con { padding:30px; padding-bottom:40px }
.pop_layer .btn_add i { font-size:19px }
.pop_layer .btn_area { text-align:center; margin:30px 0 0 0 }
.pop_layer .btn_area .btn { min-width:150px }

.wrap { width:1200px; margin:0 auto; position:relative }

#header {height:100px; position:fixed; width:100%; z-index:100; transition:all .3s }
#header a {  }
#header h1 { float:left; margin-top:25px;}
#header .gnb { float:right; margin:25px 40px 0 30px }
#header .gnb .depth1 { float:left; padding:0 0px; width:125px; position:relative }
#header .gnb .depth1:nth-child(3) {width:100px;}
#header .gnb .depth1:nth-child(4) {width:170px;}

#header .gnb ul li:nth-child(3) ul li:nth-child(2) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(3) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(4) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(5) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(6) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(7) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(8) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(9) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(10) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(11) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(12) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(13) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(14) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(15) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(16) {display:none;}
#header .gnb ul li:nth-child(3) ul li:nth-child(17) {display:none;}

#header .gnb .depth1 > a {color:#fff; display:inline-block; height:45px; line-height:45px; font-size:1.5em; font-weight:500; letter-spacing:-1px;}
#header .gnb .depth1 ul { padding-top:0; transition:all .3s; height:0; overflow:hidden }
#header .gnb .depth2 > a { display:inline-block; font-weight:400; font-size:1.05em; line-height:1.4; padding:7px 0;letter-spacing:-1px; }
#header .btn_user { float:right; margin:35px 0 0 0; display:block; font-size:19px }
#header .user { position:absolute; right:-35px; top:80px; width:80px; opacity:0; transition:all .3s }
#header .user a { border:1px solid #ddd; display:block; height:0; line-height:37px; font-size:0.9em; padding:0 12px; text-transform:uppercase; letter-spacing:.5px; margin-left:-1px; text-align:center; margin-top:-1px; color:rgba(0,0,0,0.5); background:#fff }
#header .user a:hover { color:#222 }
#header .user.on { opacity:1 }
#header .user.on a { height:40px }
#header .gnb .depth1 > a:before { background:#009bdc; margin-top:50px; content:""; height:3px; left:0px; position: absolute; width:0%; transition:0.3s; }
#header .gnb .depth1:hover > a:before { width:50px; }

#header.down { background:rgba(255,255,255,1);  height:290px }
#header.down a { color:#333 }
#header.down .gnb .depth1 { overflow:hidden }
#header.down .gnb .depth1 > a {color:#333; margin-bottom:25px }
#header.down .gnb .depth1:hover > a { color:rgba(0,0,0,1) }
#header.down .gnb .depth1 ul { height:auto; overflow:visible  }
#header.down .gnb .depth2 > a:hover { color:#009bdc }

#header.on { background:rgba(255,255,255,1);  box-shadow:0 1px 3px rgba(0,0,0,0.2) }
#header.on a {  color:#333 }
#header.on .gnb .depth1 > a {color:#333; }
#header.on h1 a { background-position:0 -42px }

#footer { padding:50px 0; margin:0px 0 0 0; background:#f2f2f2;}
#footer h1 { float:left }
#footer h1 a { text-indent:-9000px; font-size:0; width:200px; height:29px; background-image:url(../img/ci.png); background-position:0 29px; display:block; overflow:hidden; background-size:100% }
#footer nav { position:absolute; right:0; top:0 }
#footer nav li { float:left; margin:0 0 0 17px; }
#footer .f_left { margin:0 0 0 0px }
#footer dt, #footer dd { display:inline-block; color:#787878; font-size:15px; line-height:1.5; font-weight:400;}
#footer dd { margin:0 20px 0 5px }
#footer .copyright { margin:10px 0 0 0; font-size:12px; color:#787878; font-weight:400;}
#footer #top_btn { border:0; background:rgba(0,0,0,0.5); font-size:30px; color:#fff; right:30px; bottom:30px }
#footer #top_btn:hover { background:rgba(0,0,0,1) }
#footer #top_btn i { vertical-align:2px }

#main_visual {height:calc(750px); text-align:center; color:#fff; position:relative; z-index:1 }
#main_visual .bx-wrapper { border:0; box-shadow:none; background:transparent; height:100%; margin-bottom:0 }
#main_visual .bx-viewport { height:100% !important }
#main_visual .bx-pager {  }
#main_visual .slider { height:100% }
#main_visual .roll { background-size:cover; height:100%; background-position:center; }
#main_visual .roll_txt {width:1200px; margin:0 auto; text-align:left;}

#main_visual .roll01 { background-image:url(../img/visual01.jpg) }
#main_visual .roll02 { background-image:url(../img/visual02.jpg) }
#main_visual .roll03 { background-image:url(../img/visual03.jpg) }

#main_visual h2 { font-weight:600; line-height:1.2; margin:40vh 0 0 0; font-size:20px;   animation:up .5s .8s forwards; opacity:0 }
#main_visual hr { display:inline-block; width:59px; height:2px; background:#fff; margin:36px 0 0 0; }
#main_visual p {font-weight:700; letter-spacing:-1px; font-size:50px; line-height:1.2; margin:20px 0 0 0;animation:down .5s 1.4s forwards; opacity:0  }


#main_visual .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:33px; height:33px; border:1px solid #fff; border-radius:50%; background:url(../img/btn_more.png) no-repeat center; opacity:0; animation:opacity .5s 1.8s forwards }
#main_visual .btn_more:hover { transform:rotate(-90deg); background-color:#000; border-color:#000 }
#main_visual .bx-controls {display:none; position:absolute; bottom:20px; width:100%; text-align:center; z-index:100 }
#main_visual .bx-controls-direction { display:none }
#main_visual .bx-pager { display:inline-block; vertical-align:middle }
#main_visual .bx-pager > div { display:inline-block; }
#main_visual .bx-pager a { text-indent:-9000px; font-size:0; display:inline-block; width:20px; height:20px; border:2px solid #fff; border-radius:50%; margin:0 3px }
#main_visual .bx-pager a.active { background:#fff }
#main_visual .bx-controls-auto { display:inline-block; vertical-align:middle }
#main_visual .bx-controls-auto > div { display:inline-block }
#main_visual .bx-controls-auto a { display:inline-block; height:20px; width:20px; color:#fff; text-indent:-9000px; font-size:0; background-position:center; background-repeat:no-repeat; margin:0 5px }
#main_visual .bx-controls-auto a.bx-start { background-image:url(../img/btn_play.png) }
#main_visual .bx-controls-auto a.bx-stop { background-image:url(../img/btn_pause.png) }
#main_visual .bx-controls-auto a.active { display:none }


.inner {width:1200px; margin:0 auto;}

@media screen and (max-width:1200px) {
     .inner {width:100%;}
}

.pc_ver { display:block !important }
.m_ver { display:none !important }

@media all and (max-width:800px){
	.pc_ver { display:none !important }
	.m_ver { display:block !important }
}




.jt_btn {display: inline-block;min-width: 180px;padding: 21px 29px;position: relative;vertical-align: middle;font-size: 16px;font-weight: 600;letter-spacing: -0.025em;line-height: 1;border: 1px solid transparent;border-radius: 0px;background: transparent;overflow: hidden;-webkit-transition: color .55s cubic-bezier(.52,.08,.18,1);transition: color .55s cubic-bezier(.52,.08,.18,1);}
.jt_btn[lang="en"] {padding: 15px 29px;font-size: 18px;letter-spacing: -.5px;font-weight: 500;}
.jt_btn span {position: relative; line-height:20px; margin-right:20px;}
.jt_btn span i {font-style:normal; float:right;}
.jt_btn:before {content: '';display: block;width: 120%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: translateX(-101%) skewX(-17.62deg);-ms-transform: translateX(-101%) skewX(-17.62deg);transform: translateX(-101%) skewX(-17.62deg);-webkit-transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: -webkit-transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1);transition: transform .55s cubic-bezier(.52,.08,.18,1), -webkit-transform .55s cubic-bezier(.52,.08,.18,1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.jt_btn:hover:before {-webkit-transform: translateX(0) skewX(-17.62deg);-ms-transform: translateX(0) skewX(-17.62deg);transform: translateX(0) skewX(-17.62deg);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}


.jt_basic_btn {text-align: center;}
.jt_basic_btn.primary {color: #4d4d4d;border-color: #4d4d4d;}
.jt_basic_btn.primary:before {background: #4d4d4d;}
.jt_basic_btn.primary:hover {color: #fff;}

@media screen and (max-width: 800px){
    .jt_btn[lang="en"] {padding: 15pxpx;font-size: 15px;letter-spacing: -.5px;font-weight: 500;}
}

.con1{background-image:url('../img/main_con1_bg.png');background-size:contain; background-repeat:no-repeat;background-position:center top; min-height:360px;}
.con1 .l_wrap{padding:75px 0 ;width:790px;float:left; }
.con1 .l_wrap .txt_wrap{color:#333}
.con1 .l_wrap .hv_btns{margin-top:30px;}
.con1 .txt_wrap h3{font-size:25px; font-weight:800; color:#009bdc; line-height:1.5}
.con1 .txt_wrap p{font-size:18px; color:#8d8d8d; font-weight:400;padding-top:10px;}
.con1 .r_wrap{float:right;display:table;width:410px;height:360px;position:relative; text-align:center; top:-150px;z-index:50; background:#009bdc; box-shadow: 6px 10px 35px 0px rgba(0, 0, 0, 0.36);}
.con1 .r_wrap h3{font-size:30px;font-weight:800; color:#fff; line-height:1; display:block; letter-spacing:-.03em; padding-top:40px;}
.con1 .r_wrap .img{padding:25px 0;}
.con1 .r_wrap p{font-size:40px;font-weight:700;  color:#fff; line-height:1; letter-spacing:-.5px; }
.con1 .r_wrap span{max-width:210px;width:100%; border-top:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.7);font-size:15px;font-weight:400; display:inline-block; padding-top:16px; margin-top:16px; line-height:1.5;}

@media screen and (max-width: 1200px){
    .con1 .l_wrap {padding:90px 0 70px}
    .con1 .l_wrap .txt_wrap em.mbr2{display:block}
	.con1 .r_wrap{top:-20px}
}

@media screen and (max-width: 920px){
	.con1 {padding:50px 0}
	.con1 .l_wrap .hv_btns{margin-bottom:50px; }
	.con1 .l_wrap{padding:0; float:none; width:100%; text-align:center;}
	.con1 .txt_wrap h3{font-size:20px;}
	.con1 .txt_wrap p{font-size:15px;}
	.con1 .r_wrap{float:none;top:0;margin-top:20px;;font-size:0; display:block;width:100%; height:auto}
	.con1 .r_wrap a .img{display:none}
	.con1 .r_wrap a > div{display:inline-block;vertical-align:middle;padding-left:20px}
	.con1 .r_wrap .tbc{display:block;padding:50px 20px;box-sizing:border-box}
	.con1 .r_wrap a p{margin-top:15px}
	.con1 .r_wrap h3{font-size:25px;}
	.con1 .r_wrap p{font-size:30px;}
	.con1 .r_wrap .img img {width:60px;}
	.con1 .r_wrap span {padding-bottom:30px;}
 }

.con2 {overflow:hidden; background:#f8f8f8; padding:100px 0;}
.con2 .ab_wrap{float:left; width:50%; margin-right:5%; }
.con2 .ab_wrap ul{border-top:1px solid rgba(182,167,160,.6);border-bottom:1px solid rgba(182,167,160,.6)}
.con2 .ab_wrap ul li {transition:all .5s;-webkit-transition:all .5s;display:table;width:33.333%; height:205px; float:left;text-align:center;position:relative}
.con2 .ab_wrap ul li:before{left:-1px;width:1px;height:134px;content:''; position:absolute;top:50%; margin-top:-67px;background:rgba(182,167,160,.4)}
.con2 .ab_wrap ul li:first-child:before{display:none}
.con2 .ab_wrap ul li:hover {box-shadow: 6px 10px 35px 0px rgba(0, 0, 0, 0.36);}
.con2 .ab_wrap ul li:hover a{background:#009bdc}
.con2 .ab_wrap ul li a{transition:all .5s;-webkit-transition:all .5s;display:table-cell;width:100%; height:100%; vertical-align:middle}
.con2 .ab_wrap ul li a .pic{background-size:contain; background-repeat:no-repeat;background-position:center center; width:89px; height:91px; margin:0 auto; }
.con2 .ab_wrap ul li a h3{font-size:20px;font-weight:700;line-height:1; margin-top:18px; color:#292929;display:inline-block;position:relative;}
.con2 .ab_wrap ul li a h3:before{width:8px;height:12px;content:''; position:absolute;right:0;top:50%; margin-top:-6px;opacity:0;background-image:url('../img/btn_bf_wh.png');background-size:contain; background-repeat:no-repeat;background-position:center center}
.con2 .ab_wrap ul li a span {letter-spacing:0px; font-size:12px;font-weight:600;line-height:1; margin-top:5px; color:#c9c9c9;display:block;}
.con2 .ab_wrap ul li a:hover h3{padding-right:18px;color:#fff;}
.con2 .ab_wrap ul li a:hover h3:before{opacity:1;}
.con2 .ab_wrap ul li a:hover span{color:#fff;}

.con2 .ab_wrap ul li.ico01 a .pic{background-image:url('../img/main_icon01.png');}
.con2 .ab_wrap ul li.ico02 a .pic{background-image:url('../img/main_icon02.png')}
.con2 .ab_wrap ul li.ico03 a .pic{background-image:url('../img/main_icon03.png')}
.con2 .ab_wrap ul li.ico01 a:hover .pic{background-image:url('../img/main_icon01_w.png')}
.con2 .ab_wrap ul li.ico02 a:hover .pic{background-image:url('../img/main_icon02_w.png')}
.con2 .ab_wrap ul li.ico03 a:hover .pic{background-image:url('../img/main_icon03_w.png')}

.con2 .nt_wrap{float:right; width:45%; }
.con2 .nt_wrap h3 {font-size:20px; color:#333; font-weight:700; margin-bottom:20px;}
.con2 .nt_wrap ul{margin-top:-5px}
.con2 .nt_wrap ul li{margin-top:5px;transition:all .5s;-webkit-transition:all .5s;}
.con2 .nt_wrap ul li:hover a{border-color:#009bdc;}
.con2 .nt_wrap ul li a{border:1px solid #eae4e4;background:#fff; box-sizing:border-box;display:block;font-size:0; display:block;}
.con2 .nt_wrap ul li a > span{display:inline-block;vertical-align:middle;line-height:62px;width:102px;text-align:center;color:#666;font-weight:700;font-size:12px; transition:all .5s;-webkit-transition:all .5s;}
.con2 .nt_wrap ul li a:hover > span{color:#009bdc}
.con2 .nt_wrap ul li a > p{display:inline-block;vertical-align:middle;width:calc(100% - 102px);position:relative; padding-left:20px;box-sizing:border-box}
.con2 .nt_wrap ul li a > p:before{width:1px ;height:20px;background:#ddd;content:''; position:absolute; left:0;top:50%; margin-top:-10px;content:'';}
.con2 .nt_wrap ul li a > p span{color:#333; font-size:16px;font-weight:500; line-height:1.2;max-width:96%;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;display:block; }

@media screen and (max-width: 920px){
	.con2 {padding:50px 0;}
	.con2 .nt_wrap{float:none; width:100%; margin-top:30px; padding:0 10px;}
	.con2 .nt_wrap ul li a {padding:0 0px;box-sizing:border-box;}
	.con2 .nt_wrap ul li a > span{font-size:11px;}
	.con2 .nt_wrap ul li a > p {width:50%;}
	.con2 .nt_wrap ul li a > p span{line-height:50px; font-size:15px;}
	.con2 .ab_wrap{float:none; width:100%; margin-right:0%; }
	.con2 .ab_wrap ul li{height:180px}
	.con2 .ab_wrap ul li a .pic{background-size:60%;}
	.con2 .ab_wrap ul li a h3{font-size:15px; margin-top:0px; letter-spacing:-1px;}
	.con2 .ab_wrap ul li a h3:before {display:none;}
	.con2 .ab_wrap ul li a:hover h3{padding-right:0px;}
	.con2 .ab_wrap ul li a span { font-size:10px;}
}

.blue_con {font-size:0; margin-top:20px;}
.blue_con dd {display:inline-block; margin-right:10px; width: calc(100% /2 - 10px); min-height:85px; background: linear-gradient(135deg, transparent 10px, #009bdc 0); padding:20px 10px; vertical-align:top;}
.blue_con dd:nth-child(2) {padding:20px 25px;}
.blue_con dd h3 {float:left; padding-top:10px; font-size:20px; font-weight:700; color:#fff;}
.blue_con dd h4 {font-size:25px; font-weight:700; color:#fff;}
.blue_con dd p {font-size:13px; font-weight:700; color:#fff;}
.blue_con dd span {display:inline-block; padding-top:10px; padding-left:10px;}
.blue_con dd img {float:left;}
.blue_con dd .b_right {display:inline-block; padding-left:10px;}

@media screen and (max-width: 920px){
	.blue_con dd {min-height:auto; display:block; margin-right:0px; width: 100%; margin-bottom:10px;}
	.blue_con dd h3 {padding-top:5px;}
	.blue_con dd span { padding-top:6px; }
}


#main_contents { position:relative; margin-top:50px; margin-bottom:50px; z-index:1 }
.main_gallery { background:#fff; margin-top:0px; margin-bottom:10px }
.main_gallery h2 { text-align:center; line-height:1; font-size:2em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; padding:45px 0 30px 0 }
.main_gallery .tab_menu { text-align:center }
.main_gallery .tab_con { margin-top:40px }
.main_gallery .lt_more { display:none }
.main_gallery .prd_slider > div { width:calc(100%/5) !important }
.main_gallery .tab_menu p { padding: 12px 25px; font-size: .9rem; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display: inline-block}

.pic_lt { position:relative; margin:0; padding:0 10px }
.pic_lt #touchSlider { position:relative; overflow:hidden; min-height:302px !important }
.pic_lt li { padding:0; border:0px solid #e0e0e0; }
.pic_lt li:before { content:""; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0); position:absolute; width:100%; height:100%; z-index:-1; transition:all .3s }
.pic_lt li:hover:before { box-shadow:0 5px 16px 0 rgba(0, 0, 0, 0.2) }
.pic_lt li .lt_img { position:relative; background:#ddd }
.pic_lt li .lt_img span { position:absolute; left:50%; top:50%; line-height:1; font-weight:500; color:#fff; background:none; transform:translate(-50%); text-transform:uppercase; font-size:1.2em }
.pic_lt .lat_title { display:none }
.pic_lt .ts-controls button { position:absolute; top:50%; margin-top:-29.5px; left:-80px; background:url(../img/slide_left_b.png); width:30px; height:59px; border:0; text-indent:-9000px; font-size:0 }
.pic_lt .ts-controls button.ts-next { left:auto; right:-80px; background:url(../img/slide_right_b.png) }
.pic_lt li .lt_name { font-size:1.43em; font-weight:700 ; border-top:1px solid #e0e0e0; padding:15px 18px; letter-spacing:-1px }
.pic_lt li .lt_name a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:100% }
.pic_lt li .lt_img { margin:0; }
.pic_lt .lt_info { display:none }

.main_bbs { width:40%; float:left }
.main_bbs > section { position:relative; margin:40px 0 0 0 }
.main_bbs > section:first-child { margin:0 }
.main_bbs h2 { font-size:2em; font-weight:700; letter-spacing:-1px; line-height:1; border-bottom:1px solid #898989; padding:0 0 15px }

.pic_li_lt { float:none; padding:0; width:100%; position:static }
.pic_li_lt .lat_title { display:none }
.pic_li_lt li { position:relative; border-bottom:1px solid #e0e0e0; padding:0 3px; margin:0 }
.pic_li_lt li:first-child .lt_img { display:none }
.pic_li_lt li .pic_li_tit { font-weight:400; font-size:1.3em; vertical-align:top; width:calc(100% - 60px); padding:30px 15px; }
.pic_li_lt li .pic_li_tit:before {content: ""; position:absolute; width:6px; height:6px; background:#c1c1c1; border-radius:10px; text-align:left; margin-left:-15px; margin-top:7px;}
.pic_li_lt li .pic_li_tit:hover { padding-left:15px; color:#166eb2 }
.pic_li_lt .lt_info .lt_nick { display:none }
.pic_li_lt .lt_info { display:inline-block }
.pic_li_lt .lt_info .lt_date { position:absolute; top:10px; right:3px; width:60px; text-align:right }
.pic_li_lt .lt_more { position:absolute; top:8px; right:0; text-indent:-9000px;  font-size:0; background:url(../img/btn_more_b.png) no-repeat center; width:20px; height:20px; display:block }
.pic_li_lt .lt_more:hover { transform:rotate(-90deg) }
.pic_li_lt .empty_li { line-height:100px }





.pc_only { display:block !important }


/* 그누보드 수정 */
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:1% }
#bo_list .td_name { width:150px; text-align:center }
#bo_list .td_datetime { width:120px }
.btn_bo_sch, .btn_more_opt { padding:0 10px; height:35px }
.tbl_head01 td, .tbl_head01 th { font-size:1.1em; padding:15px 10px !important; height:40px }
.bo_tit { font-weight:500 }
#bo_list .bo_tit .new_icon { background:#f39800; color:#fff; font-size:0.7em; font-weight:500; vertical-align:2px }
#bo_list .bo_tit .fa-lock { background:#54585d; color:#fff; width:16px; height:16px; font-size:14px; line-height:16px; border:0; vertical-align:1px }
.tbl_wrap table { border-top:2px solid #666 }
#bo_list .td_num2 { width:60px }
#bo_v_title .bo_v_tit { font-size:1.5em }
#bo_v_con { font-size:1.1em }
.bo_vc_w .btn_submit, .mbskin .btn_submit { font-weight:500 }
#bo_v .com_info { margin:10px 0 0 0 }
#bo_v .com_info dl:after { content:""; display:block; clear:both }
#bo_v .com_info dl {border-top:1px solid #e0e0e0 }
#bo_v .com_info dt, #bo_v .com_info dd { float:left; border-bottom:1px solid #e0e0e0; line-height:34px; height:36px; font-size:1.05em; padding-left:20px }
#bo_v .com_info dt { width:15%; font-weight:500; background:#f4f4f4; }
#bo_v .com_info dd { width:35%; font-weight:400 }
#bo_v .com_info dd.full { width:85% }
.btn_cke_sc { line-height:20px }
.btn_cke_sc_close { background:#fff; border:1px solid #ddd; border-radius:3px; padding:5px 15px 6px 15px }
#bo_list tbody tr:hover {border-left:0}
#bo_w .bo_w_tit #btn_autosave { top:3px; right:3px }
#bo_w .btn_cancel { color:#fff; font-weight:500 }
#fregister p { font-weight:500; background:#fff; color:#222; border:1px solid #ccc }
#fregister p:before { display:none }
.chk_li { padding-left:7px; display:inline-block; vertical-align:top; margin-top:-4px }
.chk_li + .tooltip_icon { vertical-align:top; margin-top:-8px}
.reg_btn_submit { color:#fff !important; font-weight:500 }
#sns_login .txt { font-weight:500 }
#bo_cate { font-size:0; margin-left:1px; text-align:center }
#bo_cate li { margin:0 0 0 -1px; padding:0 }
#bo_cate a { font-size:.95rem; border-radius:0; margin:0; min-width:150px; text-align:center; height:50px; line-height:46px; padding:0 20px; border:1px solid #e0e0e0; color:#aaa; font-weight:400 }
#bo_cate a:hover { background:#f4f4f4; color:#222 }
#bo_cate #bo_cate_on { background:#fff; color:#222; border-color:#222; position:relative; z-index:1; box-shadow:none; font-weight:500 }
#bo_w #wr_2, #bo_w #wr_4, #bo_w #wr_6 { margin-left:0 }
#bo_v_act { margin:30px 0 50px 0 }
.btn_bo_user .btn_admin, .btn_cm_opt { padding:0 10px; color:inherit }
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest ,#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest{ font-weight:500; font-size:1.1em; margin:0 0 5px; display:inline-block }
.bo_tit .cnt_cmt { font-size:10px !important; font-family:arial; background:none !important; color:#999 !important; font-weight:normal !important }
.all_chk.chk_box input[type="checkbox"] + label span { top:3px }
#bo_v_desc { font-size:1.1em }
.new_win .btn_submit, .new_win .btn_close { font-weight:500; font-size:1em }
.new_win .win_desc { border:1px solid #666; background:#fff; color:#222; font-weight:500; text-align:center }
.new_win .win_desc:after { display:none }
.gall_row .box_clear { clear:none }
#bo_v_act { margin:60px 0 !important }
#bo_v_share { text-align:center; padding:40px 0 }
#bo_v_sns { text-align:center; float:none; display:inline-block }
#bo_v_sns li { width:auto; float:none; display:inline-block; text-align:center }
#bo_v_sns li a { width:60px; height:60px; line-height:60px; border-radius:50%; padding:0; text-align:center; display:inline-block !important }
#bo_v_sns li img { margin:0 }
#bo_v_sns li span { display:none }
#bo_v_share .btn { width:60px; height:60px; line-height:1.2; border-radius:50%; font-size:12px; padding:0; text-align:center; display:inline-block }
#bo_v_share .btn i { display:block; font-size:1.5em; margin:10px 0 3px }
#faq_sch .btn_submit { font-weight:500 }
#faq_sch { margin-bottom:30px }
.cmt_btn span.total { font-weight:400; font-size:0.9em; color:#999 }
.cmt_btn span.total b { font-size:1.5em }
.more_opt li button, .more_opt li a { font-weight:500 }

.new_win #win_title { text-align:center; border-bottom:1px solid #ccc; padding:0 20px; line-height:46px; height:48px }
.new_win .new_win_con { margin-top:10px }

#ctt { margin:0; padding:0 }
#ctt_con { padding:0; margin:0; line-height:1.5; font-size:1.16em }
#faq_wrap li { font-size:1.1em }
#bo_v iframe { max-width: 100%; }

/* Sub page */
#ctt_con h2.title { font-size:1.5em; font-weight:700; line-height:1; padding:13px 0 30px; letter-spacing:-1px; position:relative }
#ctt_con h2.title:before { content:""; display:block; width:40px; height:3px; background:#222; position:absolute; left:0; top:0 }

#ctt_con.sub01_01 {min-height:490px; background:url(../img/com_bg.gif) no-repeat center top; }
#ctt_con.sub01_01 .sec01:after { clear:both; content:""; display:block; }
#ctt_con.sub01_01 .sec01 > div {text-align:center;}
#ctt_con.sub01_01 .sec01 h2 { font-size:1.3em; line-height:1.35; font-weight:300; letter-spacing:-1px; margin:0 0 30px }
#ctt_con.sub01_01 .sec01 h2 strong { font-weight:700 }
#ctt_con.sub01_01 .sec01 h3 { font-size:1.15em; margin:30px 0 5px 0; font-weight:700; letter-spacing:-1px }
#ctt_con.sub01_01 .sec01 p {font-size:1.2em; font-weight:400; margin:0 0 20px; color:#313131; letter-spacing:-1px; line-height:28px;}
#ctt_con.sub01_01 .sec01 .img01 { float:right; width:300px }
#ctt_con.sub01_01 .sec01 .img01 p { text-align:right; line-height:1; margin:18px 0 0 0 }
#ctt_con.sub01_01 .sec01 .img01 p strong { font-size:1.2em }
#ctt_con.sub01_01 table { border-top:2px solid #666 }
#ctt_con.sub01_01 th, #ctt_con.sub01_01 td { border-bottom:1px solid #e0e0e0; padding:12px; text-align:left }
#ctt_con.sub01_01 th { background:#f4f4f4; padding-left:20px; width:160px }

#ctt_con.sub01_02 .tab_menu { text-align:center; margin:0 0 50px }
#ctt_con.sub01_02 .tab_menu li { width:calc(100%/3) }
#ctt_con.sub01_02 .tab_menu a { font-size:21px; font-weight:700; border-left:0; border-right:0; font-family:arial; width:100% }
#ctt_con.sub01_02 .tab_menu a:hover { background:#fff; color:#222 }
#ctt_con.sub01_02 .sec01:after { clear:both; content:""; display:block }
.history_slogun { float:left; width:320px }
.history_slogun header { margin:0 0 20px; animation:down .7s forwards; opacity:0 }
.history_slogun h2 { font-size:1.5em; font-weight:700; letter-spacing:-1px; line-height:1; }
.history_slogun img { border-radius:0 30px; animation:up .7s .3s forwards; opacity:0 }
.history_slogun p { margin:15px 0 0 0; line-height:1.4 }
.history_list { float:right; width:calc(100% - 390px) }
.history_list > ul > li { margin:30px 0 0 0; animation:left .7s .6s forwards; opacity:0 }
.history_list > ul > li:first-child { margin:0 }
.history_list li li { margin:10px 0 0 0; line-height:1.3; background:url(../img/dot01.png) no-repeat 0 7px; padding-left:12px }
.history_list li li span { font-weight:500; vertical-align:0; margin-right:3px }
.history_list h3 { font-size:1.7em; font-weight:700; font-family:arial }


/* 서브 상단 이미지 */
#sub_visual.sub10 { background-image:url(../img/sub01_top.jpg) }
#sub_visual.sub20 { background-image:url(../img/sub02_top.jpg) }
#sub_visual.sub30 { background-image:url(../img/sub03_top.jpg) }
#sub_visual.sub40 { background-image:url(../img/sub04_top.jpg) }
#sub_visual.sub50 { background-image:url(../img/sub05_top.jpg) }
#sub_visual.sub60 { background-image:url(../img/sub06_top.jpg) }
#sub_visual.sub70 { background-image:url(../img/sub07_top.jpg) }

#sub_visual { height:400px; background-position:center; background-size:cover; background-color:#000; }
#sub_visual h2 { text-align:center; font-size:40px; font-weight:700; letter-spacing:-1px; color:#fff; padding:180px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0 }
#sub_visual p { text-align:center; font-size:15px; letter-spacing:0px; color:rgba(255,255,255,0.6); padding:13px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0 }

#contents { margin:0px 0 0 0 }
#contents p { word-break:keep-all }

#left_area { float:none; width:100%; margin-top:-70px;}
.left_snb {text-align:center; font-size:0; }
.left_snb h2 {background:#4cc4cd; color:#fff; font-size:1.7em; text-align:center; line-height:1;  text-transform:uppercase; font-weight:600; position:relative; padding:60px 0; border-bottom:0px solid #5ac9d1; }
.left_snb li {display:inline-block;text-align:center; background:rgba(255,255,255,0.2); }
.left_snb li a {color:#fff; display:block; padding:25px 40px; font-size:16px; min-height:70px; font-weight:500; position:relative; letter-spacing:-.5px}
.left_snb li:hover a:after { width:10px; }
.left_snb li:hover a { background:#fff; color:#212121; border-top:3px solid #009bdc;}
.left_snb li.on a { background:#fff; color:#212121; font-weight:500; border-top:3px solid #009bdc;}

.left_cs { margin-top:28px }
.left_cs h2 {letter-spacing:-1px; font-weight:700; font-size:1.8em; line-height:1; margin:0 0 15px; border-bottom:1px solid #666; padding-bottom:15px }
.left_cs .tel {font-family: 'GmarketSansBold'; font-weight:700; color:#2d3691; font-size:1.5em; padding-left:3px }
.left_cs .time { font-weight:500; padding-left:3px }
.left_cs .info { padding-left:3px; line-height:1; margin-top:7px }
.left_cs dl { margin-top:13px; padding-left:3px }
.left_cs dt, .left_cs dd { font-family: 'GmarketSansMedium'; color:#686868; display:inline-block; margin:2px 0 }
.left_cs dt { width:18px }
.left_cs dd { width:calc(100% - 23px); font-weight:400; color:#666 }
.left_cs .banner { margin-top:15px }
.left_cs .banner li { float:left; width:50%; margin-left:-1px }
.left_cs .banner li a { display:block; padding:20px 0; line-height:1.3; font-weight:400; font-size:1.1em; text-align:center; border:1px solid #e0e0e0;  }
.left_cs .banner li a i { display:block; font-size:1.36em; margin:0 0 8px }
.left_cs .banner li a:hover { background:#54585d; color:#fff; border-color:#54585d; position:relative; z-index:1 }

#right_area { float:none; width:100%;  }
.container_title {font-size:30px; line-height:1; letter-spacing:-1.5px; color:#272727; font-weight:700; margin:0px 0 30px 0 }
.container_title:before {content: ""; display:block; width:1px; height:50px; margin-left:5px; background:#272727; margin-bottom:10px;}


#sub.intro .con_box{margin-bottom:80px;}
#sub.intro .con_box .inner{position:relative;}
#sub.intro .con_box .img{}
#sub.intro .con_box .img .mov{display:none}
#sub.intro .con_box .txt{position:absolute; right:40px;top:45px;box-shadow: 6px 10px 35px 0px rgba(0, 0, 0, 0.13);background:#fff; max-width:605px;padding:58px 65px;box-sizing:border-box;}
#sub.intro .con_box .txt h3 {font-weight:700; line-height:1.5;font-size:25px; color:#009bdc}
#sub.intro .con_box .txt h3 em{color:#de323d;display:block;font-weight:900;}
#sub.intro .con_box .txt .p_wrap{margin-top:32px;}
#sub.intro .con_box .txt .p_wrap p{color:#8d8d8d;font-size:18px;font-weight:400;line-height:1.5;margin-top:20px }
#sub.intro .con_box .txt .p_wrap p:first-child{margin-top:0}

.intro_txt {text-align:center; margin-bottom:80px;}
.intro_txt i {font-size:50px; color:#1c1c1c; font-family: 'InkLipquid'; display:block;}
.intro_txt p {font-size:20px; color:#1c1c1c; font-weight:500;}

@media screen and (max-width: 1280px){
	#sub.intro .con_box .txt{padding:40px 35px;right:20px}

	.intro_txt {text-align:center; margin-bottom:40px;}
	.intro_txt i {font-size:25px; margin-bottom:10px; }
	.intro_txt p {font-size:15px; line-height:1.5;}
}
@media screen and (max-width: 1200px){
	 #sub.intro .con_box .img{}
	 #sub.intro .con_box .img img{display:none}
	 #sub.intro .con_box .img .mov{display:block}
}
@media screen and (max-width: 1024px){
	 #sub.intro{margin-top:40px;}
	 #sub.intro .con_box .img{max-width:480px;position:relative;z-index:-1}
	 #sub.intro .con_box .txt{position:relative;top:-50px;right:0;float:right;width:calc(100% - 20px); margin-left:20px}
	 #sub.intro .con_box .txt h3 {font-size:18px; line-height:1.3;}
	 #sub.intro .con_box .txt .p_wrap p{font-size:15px;}

}





.organization_con_s {margin:30px 0;}
.organization_con_s .con .top{padding-bottom:80px}
.organization_con_s .con .top .main{width:600px; margin:0 auto;position:relative; border-bottom:1px dotted #d3d3d3; padding-bottom:60px}
.organization_con_s .con .top .main .circle{z-index:99; position:relative; width:186px; height:186px; line-height:146px; border:20px solid #009bdd; box-sizing:border-box; border-radius:50%; margin:0 auto; background:#fff; text-align:center;}
.organization_con_s .con .top .main .circle p{font-size:20px; color:#009bdd; letter-spacing:-0.04em; font-weight:bold;}
.organization_con_s .con .top .main .line{position:absolute; display:block; left:50%; top:186px; width:1px; height:164px; border-left:1px dotted #d3d3d3;}
.organization_con_s .con .top .main .line i{position:absolute; left:-4px; bottom:100px; display:block; width:6px; height:6px; border-radius:6px; background:#009bdd;}
.organization_con_s .con .top .sub{width:600px;margin:0 auto;position:relative; text-align:center; margin-top:53px; border-bottom:1px dotted #d3d3d3; padding-bottom:60px}
.organization_con_s .con .top .sub .box{position:relative; margin-right:25px; width:171px; height:63px; background:#009bdd; border:1px solid #d6dae1; box-sizing:border-box; display:inline-block; font-size:0;}
.organization_con_s .con .top .sub .box:last-child{margin-right:0;}
.organization_con_s .con .top .sub .box p{text-align:center; font-size:18px; letter-spacing:-0.04em; color:#fff; line-height:63px;}
.organization_con_s .con .top .sub .box .line{position:absolute; left:50%; top:-54px; width:1px; height:54px; border-left:1px dotted #d3d3d3; display:block;}
.organization_con_s .con .top .sub .box .line i{position:absolute; left:-4px; top:-3px; display:block; width:6px; height:6px; border-radius:6px; background:#009bdd;}
.organization_con_s .con .top .sub .box .line2{position:absolute; display:block; left:50%; top:61px; width:1px; height:60px; border-left:1px dotted #d3d3d3;}
.organization_con_s .con .top .sub .box:nth-of-type(2) .line{display:none}

.organization_con_s .con .bot{ padding-top:0px; padding-bottom:0px;}
.organization_con_s .con .bot .main{width:600px; margin:0 auto;position:relative; border-bottom:1px dotted #d3d3d3; padding-bottom:60px}
.organization_con_s .con .bot .main .box{position:relative; width:270px; height:64px; line-height:52px; border:6px solid #009bdd; box-sizing:border-box; margin:0 auto; background:#fff; text-align:center;}
.organization_con_s .con .bot .main .box p{font-size:20px; color:#1b64de; letter-spacing:-0.04em; font-weight:bold; }
.organization_con_s .con .bot .main .line{position:absolute; display:block; left:50%; top:64px; width:1px; height:60px; border-left:1px dotted #d3d3d3;}
.organization_con_s .con .bot .main .line i{position:absolute; left:-4px; bottom:-3px; display:block; width:6px; height:6px; border-radius:6px; background:#009bdd;}

.organization_con_s .con .bot .sub .box .four_line{width:1px; height:110px; border-left:1px dotted #d3d3d3; position:absolute; left:50%; bottom:-10px;}

.organization_con_s .con .bot .sub_four{ text-align:center; font-size:0; margin-top:-17px;}
.organization_con_s .con .bot .sub_four .box{position:relative; vertical-align:top; background:#fff; width:277px; margin-right:20px;  box-sizing:border-box; display:inline-block; font-size:0; }
.organization_con_s .con .bot .sub_four .box:last-child{margin-right:0;}
.organization_con_s .con .bot .sub_four .box .line{position:absolute; display:block; left:50%; top:-64px; width:1px; height:60px; border-left:1px dotted #d3d3d3;}
.organization_con_s .con .bot .sub_four .box .line i{position:absolute; left:-4px; top:-3px; display:block; width:6px; height:6px; border-radius:6px; background:#009bdd;}

.organization_con_s .con .bot .sub_four .box h3{width:100%; height:50px; background:#009bdd; position:relative; line-height:50px; }
.organization_con_s .con .bot .sub_four .box h3 span{font-size:18px; color:#fff; letter-spacing:-0.04em; position:absolute; width:100%; left:0; top:0px;}
.organization_con_s .con .bot .sub_four .box p{line-height:1.5; font-size:16px; color:#666; letter-spacing:-0.045em; text-align:center; border:1px solid #d6dae1; padding:10px 0;  margin-top:10px;}


@media all and (max-width:1000px){
	.organization_con_s .con .top{width:100%; margin:0 auto;}
	.organization_con_s .con .top .main{width:216px; }
	.organization_con_s .con .top .main .circle{width:130px; height:130px; line-height:116px; border:10px solid #009bdd;}
	.organization_con_s .con .top .main .line{ top:130px;}
	.organization_con_s .con .top .sub{width:100%; border-bottom:0px dotted #d3d3d3;}
	.organization_con_s .con .top .sub .box{margin-right:5px; width:100px; height:50px; }
	.organization_con_s .con .top .sub .box p{text-align:center; font-size:15px; line-height:50px;}
	.organization_con_s .con .top .sub .box .line2{height:20px; top:50px;}

	.organization_con_s .con .bot .main{width:100%}
	.organization_con_s .con .bot .sub .left{margin-right:60px}
	
	.organization_con_s .con .bot .sub_four{width:100%; margin-top:-100px;}
	.organization_con_s .con .bot .sub_four .box{margin-left:0; width:100%;margin-right:0px; margin-bottom:20px; min-height:auto;}
	.organization_con_s .con .bot .sub_four .box:last-child{margin-left:0;}
	.organization_con_s .con .bot .sub_four .box .line{top:-20px; width:1px; height:20px; border-left:1px dotted #d3d3d3;}
	.organization_con_s .con .bot .sub_four .box .line i {display:none;}
}



.map_wrap{}
.map_wrap #map{height:625px; width:100%}
#daumRoughmapContainer1662096402882 {width:100%; height:100%;}
#daumRoughmapContainer1662096546647 {width:100%; height:100%;}
#daumRoughmapContainer1662096661117 {width:100%; height:100%;}
.map_wrap .inner{position:relative}
.map_wrap .info_wrap{width:524px; min-height:220px;background:#fff;padding:50px;padding-top:60px;box-sizing:Border-box;box-shadow: 6px 10px 35px 0px rgba(0, 0, 0, 0.13);position:Absolute; right:100px; bottom:50px; z-index:10;}
.map_wrap .info_wrap .tp{}
.map_wrap .info_wrap .tp h3{font-size:30px;font-weight:700;line-height:40px; color:#333}
.map_wrap .info_wrap .tp h3 span{color:#009bdd;font-weight:900;}
.map_wrap .info_wrap .tp p{margin-top:25px; font-size:20px; color:#555; line-height:1.2;font-weight:300;}
.map_wrap .info_wrap .ul_wrap{margin-top:30px;padding-top:30px;border-top:1px solid #d9d6d6}
.map_wrap .info_wrap .ul_wrap ul{margin-top:-16px}
.map_wrap .info_wrap .ul_wrap ul li{font-size:0;margin-top:16px}
.map_wrap .info_wrap .ul_wrap ul li b{display:inline-block;vertical-align:middle ;color:#009bdd;width:100px;font-size:15px;font-weight:700;padding-left:20px;box-sizing:border-box;position:Relative;line-height:1}
.map_wrap .info_wrap .ul_wrap ul li b:before{width:15px; height:15px;content:''; position:Absolute; left:0;top:50%; margin-top:-7.5px;background-size:15px;background-image:url('/img/loc_ico02.png');;background-repeat:no-repeat;background-position:center center;}
.map_wrap .info_wrap .ul_wrap ul li:first-child b:before{background-image:url('/img/loc_ico01.png');}
.map_wrap .info_wrap .ul_wrap ul li:nth-child(3) b:before{background-image:url('/img/loc_ico04.png');}
.map_wrap .info_wrap .ul_wrap ul li.last b:before{background-image:url('/img/loc_ico03.png');}
.map_wrap .info_wrap .ul_wrap ul li p{color:#666;font-weight:300;font-size:17px;font-weight:300;display:inline-block;vertical-align:middle; width:calc(100% - 100px);line-height:1}

@media screen and (max-width: 1200px){
	 .map_wrap .info_wrap{right:60px;bottom:40px;padding:40px}
}

@media screen and (max-width: 860px){
 .map_wrap{margin-top:40px; margin-bottom:50px;}
 .map_wrap .info_wrap{position:static;margin-top:30px;max-width:100%}
 .map_wrap .info_wrap .tp p{margin-top:15px}
 .map_wrap #map{height:200px}
}

@media screen and (max-width: 480px){
	.map_wrap .info_wrap{padding:30px;min-height:auto}
	.map_wrap .info_wrap .tp h3{font-size:20px; line-height:1.2}
	.map_wrap .info_wrap .tp p{margin-top:20px; font-size:16px;}
	.map_wrap .info_wrap .ul_wrap ul li b{padding-left:0px;}
	.map_wrap .info_wrap .ul_wrap ul li p{font-size:15px;}
}

.newspaper_wrap {text-align:center; margin-bottom:50px;}
.newspaper_wrap p {font-size:25px; font-weight:700; color:#333; letter-spacing:-.5px; margin-top:10px;}
.newspaper_wrap ul li {display:inline-block;}

@media screen and (max-width: 800px){
	.newspaper_wrap {margin-top:40px;}
	.newspaper_wrap ul li {width: calc(100% /2 - 30px); border-radius:10px; margin:5px;}
	.newspaper_wrap p {font-size:20px; }
	.newspaper_wrap ul li img {width:100%;}
}

.newspaper_con {text-align:center; margin-bottom:50px; font-size:0;}
.newspaper_con ul li {width: calc(100% /5 - 10px); margin:5px; display:inline-block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius:10px;}
.newspaper_con ul li img {border-radius:10px;}

@media screen and (max-width: 800px){
	.newspaper_con ul li {width: calc(100% /2 - 10px); border-radius:10px;}
	.newspaper_con ul li img {border-radius:10px;}
}



.process_con01 {position:relative; padding:60px 0; }
.process_con01 .img {float:left; width:50%;}
.process_con01 .img img {width:100%;}
.process_con01 .box {width:45%; margin-left:5%; display:inline-block; }
.process_con01 .box ul { }
.process_con01 .box ul li {min-height:100px; border-bottom:1px dotted #ddd;}

.process_con01 .box i {display:block; width:40px; height:40px;  background-color:#009bdd; text-align:center; line-height:40px; font-size:15px; font-weight:800; color:#fff;  letter-spacing:-1px; font-style:normal; margin-bottom:10px;}
.process_con01 .box dt {float:left; margin-right:20px; font-size:22px; font-weight:700; color:#009bdd; letter-spacing:-1px;}
.process_con01 .box dd {display:inline-block; padding-top:3px; font-size:16px; font-weight:500; color:#666666; line-height:1.5; letter-spacing:-.5px;}


@media all and (max-width:800px){
	.process_con01 .img {float:none; width:100%;}
	.process_con01 .box {width:100%; margin-left:0%; display:block; }
	.process_con01 .box dt {float:none; margin-right:0px; font-size:18px;}
	.process_con01 .box dd {display:block; padding-top:3px; font-size:15px;}
	.process_con01 .box ul li {min-height:120px; }
}



.product {margin-top:30px; font-size:0; margin-bottom:50px;}
.product ul li {border:1px solid #ddd; vertical-align:top; text-align:center; padding:20px; position: relative; list-style:none; display:inline-block; width: calc(100% /4 - 20px); margin:10px;}
.product ul li .img {position: relative;}
.product ul li .img i {background:#009bdc; padding:10px 20px; color:#fff; font-size:15px; position:absolute; text-align:center; left:50%; bottom:0; font-style:normal; transform:translateX(-50%);}
.product ul li dl dt {font-size:20px; font-weight:700; padding-top:20px; letter-spacing:-.5px;}
.product ul li dl dd {font-size:15px; font-weight:400; padding:15px 0 0; color:#666; line-height:1.5; letter-spacing:-.5px; min-height:70px;}


@media all and (max-width:1200px){
	.product ul li {width: calc(100% /3 - 10px); margin:5px; font-size:13px; }
	.product ul li .img i {width:150px; font-size:13px;}
	.product ul li dl dt {font-size:18px;}
	.product ul li dl dd {font-size:15px; min-height:80px;}
}

@media all and (max-width:800px){
	.product ul li {width: calc(100% /2 - 10px); margin:5px; font-size:13px; }
	.product ul li .img i {width:100px; font-size:11px;}
	.product ul li dl dt {font-size:16px;}
	.product ul li dl dd {font-size:13px; min-height:80px;}
}

.product_detail {text-align:center; padding:50px 0;}
.product_detail .product_title {margin-bottom:30px;}
.product_detail .product_title h3 {font-size:30px; font-weight:700; color:#fff; margin-bottom:10px; letter-spacing:-.5px;}
.product_detail .product_title h3 span {font-size:18px;}
.product_detail .product_title h3 span:after {content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 14px; background: rgba(255,255,255,.2); z-index: -1;}
.product_detail .product_title p {font-size:17px; font-weight:400; color:#fff; line-height:1.5; letter-spacing:-.5px;}

.banTypeB {position: relative; padding: 80px 0; margin-bottom:50px; margin-top: 60px; z-index: 1; box-sizing: border-box; }
.banTypeB .cont {width: 100%;  margin: 0 auto; color: #333; border-radius: 80px; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.banTypeB .cont h3 {display: block; font-size: 27px; color:#009bdc; font-weight: 700;}
.banTypeB .cont p {margin-top: 5px; line-height: 1.7; font-size: 18px; font-weight: 400; letter-spacing:-.5px;}
.banTypeB .cont p span {position: relative; font-weight: 500; font-size:20px; z-index: 1;}
.banTypeB .cont p span:after {content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 14px; background: rgba(0,155,220,.2); z-index: -1;}
.banTypeB.left:after {left: auto; right: 50%; margin-left: 0; margin-right: -610px; border-radius: 0 45px 45px 0;}
.banTypeB.left .cont p span:after {background: rgba(250,79,0,.5);}


@media (max-width: 1000px){
	.banTypeB {padding: 80px 0 0px; margin-bottom:0px; margin-top: 0px; }
	.banTypeB .cont p { line-height: 1.5; font-size: 15px; }
}

.banTypeA {position: relative; padding: 80px 0; margin-bottom:50px; margin-top: 60px; z-index: 1; box-sizing: border-box; background:#f9f9f9;}
.banTypeA .cont {width: 100%;  margin: 0 auto; color: #333; border-radius: 80px; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.banTypeA .cont h3 {display: block; font-size: 27px; font-weight: 700;}
.banTypeA .cont p {margin-top: 5px; line-height: 1.7; font-size: 18px; font-weight: 400; letter-spacing:-.5px;}
.banTypeA .cont p span {position: relative; font-weight: 500; font-size:20px; z-index: 1;}
.banTypeA .cont p span:after {content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 14px; background: rgba(0,155,220,.2); z-index: -1;}
.banTypeA.left:after {left: auto; right: 50%; margin-left: 0; margin-right: -610px; border-radius: 0 45px 45px 0;}
.banTypeA.left .cont p span:after {background: rgba(250,79,0,.5);}


@media (max-width: 1000px){
	.banTypeA {padding: 30px 10px 0px; margin-bottom:0px; margin-top: 0px; }
	.banTypeA .cont h3 {font-size: 23px; }
	.banTypeA .cont p { line-height: 1.5; font-size: 15px; }
	.banTypeA .cont p span { font-size:17px; }
}

.img_con {font-size:0; text-align:center; margin-top:30px;}
.img_con ul.mar50 {margin-bottom:50px;}
.img_con ul li {display:inline-block; width: calc(100% /4 - 0px); vertical-align:top;}
.img_con ul li h3 {background:#009bdc; color:#fff; border-radius:5px; padding:5px; letter-spacing:-.5px; font-size:15px; width:120px; margin:0 auto 10px;}
.img_con ul li span {display:block; font-size:15px; line-height:1.5; font-weight:500; color:#666; margin-top:20px;}

@media (max-width: 1000px){
	.img_con ul li {display:inline-block; width: calc(100% /2 - 10px); margin:5px;}
}

.banTypeC {position: relative; padding: 80px 0;  z-index: 1; box-sizing: border-box; }
.banTypeC .cont {width: 100%;  margin: 0 auto; color: #333; border-radius: 80px; text-align: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.banTypeC .cont h3 {display: block; font-size: 27px; font-weight: 700; margin-bottom:20px;}
.banTypeC .cont p {margin-top: 5px; line-height: 1.5; font-size: 18px; font-weight: 400; letter-spacing:-1px;}

@media (max-width: 1000px){
	.banTypeC {padding: 40px 0; margin-bottom:0px; margin-top: 0px; }
	.banTypeC .cont h3 {display: block; font-size: 22px;}
	.banTypeC .cont p { line-height: 1.5; font-size: 15px; }
}

.img_con02 {font-size:0; margin-top:30px;}
.img_con02 ul li {display:inline-block; vertical-align:top; margin-right:10px; }
.img_con02 ul li span {display:block; text-align:center; font-size:15px; line-height:1.5; font-weight:500; color:#666; margin-top:20px;}

@media (max-width: 1000px){
	.img_con02 ul li {display:inline-block; width: calc(100% /2 - 10px); margin:5px;}
}

.img_con03 {font-size:0; text-align:center; margin-top:30px;}
.img_con03 ul.mar50 {margin-bottom:50px;}
.img_con03 ul li {display:inline-block; width: calc(100% /3 - 0px); vertical-align:top; margin-bottom:10px;}
.img_con03 ul li h3 {background:#009bdc; color:#fff; border-radius:5px; padding:5px; letter-spacing:-.5px; font-size:15px; width:120px; margin:0 auto 10px;}
.img_con03 ul li span {display:block; font-size:15px; line-height:1.5; font-weight:500; color:#666; margin-top:20px;}

@media (max-width: 1000px){
	.img_con03 ul li {display:inline-block; width: calc(100% /2 - 10px); margin:5px;}
}

#solution {padding-top: 0px; margin-bottom:50px;}
#solution .dot_disc:before {top: 14px; left: 3px; width: 4px; height: 4px; border-radius: 4px;}
#solution .size {max-width: 2000px;}
#solution .item {margin-top: 20px;}
#solution .item:nth-child(even) {background: #f8f8f8;}
#solution .item .img {float: left; padding: 2.5% 4%; width: 100%; max-width: 517px; border-radius: 0 50px 50px 0; text-align: right; box-sizing: border-box; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
#solution .item .img i {text-transform: uppercase; display: block; font-size: 14px; color: #009bdd; letter-spacing: 3px; font-weight:600;}
#solution .item:first-child .img i {letter-spacing: 2px;}
#solution .item:nth-child(even) .img i {color: #fff;}
#solution .item .img span {display: block; padding-right: 11px; line-height: 1.1; font-size: 50px; font-weight: 500; color: #fff; letter-spacing: -3px; font-style: italic; box-sizing: border-box;}
#solution .item.item1 .img {background:#e0e7ea;}
#solution .item .cont {float: left; padding-left: 40px; padding-bottom:30px; width: calc(100% - 517px); max-width: 1075px; box-sizing: border-box; width: -webkit-calc(100% - 517px); width: -moz-calc(100% - 517px); width: -ms-calc(100% - 517px);}

#solution .item .cont .txt {margin-top:30px;}
#solution .item .cont .txt ul {margin-top: 20px;}
#solution .item .cont .txt ul li {line-height: 1.7; font-size: 17px; font-weight: 500; color: #666;}
#solution .item .cont .txt h3 {font-size:20px; font-weight:700; letter-spacing: -1px; }
#solution .item .cont .txt ul li p {font-size:17px; font-weight:500; letter-spacing: -1px; margin-left:10px; line-height:1.5; margin-bottom:5px;}
#solution .item .cont .txt ul li p:before {content: ""; position:absolute; width:4px; height:4px; background:#009bdd; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
#solution .item .cont .txt ul img {margin-top:10px;}
#solution .item .cont .txt h4 {font-size:18px; font-weight:500; letter-spacing: -1px; margin-bottom:20px; padding-top:10px; }

@media (max-width: 1600px){
	#solution .size{padding:0 20px 0 0;}
	#solution .item{padding-bottom:20px; box-sizing:border-box;}
	#solution .item:nth-child(even){margin-top:0;}
	#solution .item .img i{padding-left:5px;}
	#solution .item .img span{padding-right:0;}
	#solution .item:nth-child(even) {background: #fff;}
	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:150px; padding:40px 25px;}
	#solution .item:nth-child(odd) .cont, #solution .item:nth-child(even) .cont{height:auto; margin-top:0px; padding-left:20px;}
}

@media (max-width: 960px){
	#solution {padding-top: 50px; margin-bottom:0px;}
	#solution .item {margin-top: 0px;}
	#solution .item .img{float:none; width:100%; max-width:1095px;  text-align:left;  }
	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:100px; padding:20px 25px;}
	#solution .item .cont{float:none; width:100%; }
}

@media (max-width: 640px){
	#solution{padding:70px 0 0 0;}
	#solution .itemList{margin-top:50px;}
	#solution .item .img span{font-size:50px;}
	#solution .item .cont .txt span i.dpb{display:inline-block;}
	#solution .item .cont .txt span b.inb{display:block;}

}

@media (max-width: 540px){
	#solution .item .cont .txt span i.inb{display:block;}	
	#solution .item .listTypeA.topImg ul{max-width:335px;}
	#solution .item .listTypeA.topImg ul li{padding:65px 30px 0 30px;}

}

@media (max-width: 465px){

	#solution{padding-top:0px;}
	#solution .item .img i{font-size:12px;}
	#solution .item .img span{font-size:40px;}
	#solution .item .cont .txt em{font-size:30px;}
	#solution .item .cont .txt span{font-size:16px;}
	#solution .item .cont .txt ul li{font-size:14px;}
	#solution .dot_disc{padding-left:15px;}
	#solution .dot_disc:before{width:3px; height:3px; border-radius:3px; top:10px;}

}
@media (max-width: 365px){

	#solution .item:nth-child(odd) .img, #solution .item:nth-child(even) .img{height:100px; padding:25px 25px;}
	#solution .item:nth-child(even) {background: #fff;}
	#solution .item .cont .txt em{font-size:23px;}
	#solution .item .cont .txt span{font-size:13px;}
	#solution .item .cont .txt ul li{font-size:12px;}
	#solution .item .cont .txt ul li p {font-size:15px;}
	#solution .dot_disc:before{top:9px;}
	#solution .item:nth-child(odd) .cont, #solution .item:nth-child(even) .cont{margin-top:35px;}
	
}





.pro_con01{padding: 50px 0;overflow:hidden;  }
.pro_con01 ul{margin:0px 0 0;}
.pro_con01 li{margin-top: 0px;position:relative;}
.pro_con01 li:after{content:'';display: block;clear:both;}
.pro_con01 li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_con01 li .img{float:left; width: 400px; text-align:right;}
.pro_con01 li .img img {width:100%;}
.pro_con01 li .txt{float:right; width:700px; padding-top: 10px;}
.pro_con01 li dl h4{margin: 0;font-size: 25px;line-height: 1.2;color: #282828; letter-spacing:-1px; font-weight:800;-ms-word-break: keep-all;word-break: keep-all;}
.pro_con01 li dl h4 span {display:block; color:#7e665a;}
.pro_con01 li dl p{margin-top: 20px;font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all;}
.pro_con01 li dl dd{margin-bottom: 10px;font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all; margin-left:10px;}
.pro_con01 li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#009bdc; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}


@media all and (max-width:1200px){
	.pro_con01 li > div{width: 100%;}
	.pro_con01 li:nth-of-type(odd) > div,
	.pro_con01 li:nth-of-type(even) > div{float: none;padding: 0;}
	.pro_con01 li .img {text-align:center; width:100%;}
	.pro_con01 li .img:after{display: none;}
	.pro_con01 li .txt{margin-top: 0px; width:100%;}
}

@media all and (max-width:640px){
	.pro_con01{padding: 50px 0;}
	.pro_con01 ul{margin: 0px 0 0;}
	.pro_con01 li .img{margin-top:30px;}
	.pro_con01 li dl {padding:0 20px;}
	.pro_con01 li dl h4{font-size:22px;line-height: 1.3; padding-bottom:20px;}
	.pro_con01 li dl p{margin-top: 2.34375vw;font-size: 15px;line-height: 1.5;}
}

.pro_con02{padding: 50px 0;overflow:hidden;  }
.pro_con02 ul{margin:0px 0 0;}
.pro_con02 li{margin-top: 0px;position:relative;}
.pro_con02 li:after{content:'';display: block;clear:both;}
.pro_con02 li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_con02 li .img{float:right; width: 400px; text-align:right;}
.pro_con02 li .txt{float:left; width:700px; padding-top: 10px;}
.pro_con02 li dl h4{margin: 0;font-size: 25px;line-height: 1.2;color: #282828; letter-spacing:-1px; font-weight:800;-ms-word-break: keep-all;word-break: keep-all;}
.pro_con02 li dl h4 span {display:block; color:#7e665a;}
.pro_con02 li dl p{margin-top: 20px;font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all;}

@media all and (max-width:1200px){
	.pro_con02 li > div{width: 100%;}
	.pro_con02 li:nth-of-type(odd) > div,
	.pro_con02 li:nth-of-type(even) > div{float: none;padding: 0;}
	.pro_con02 li .img {text-align:center; width:100%;}
	.pro_con02 li .img:after{display: none;}
	.pro_con02 li .txt{margin-top: 0px; width:100%;}
}

@media all and (max-width:640px){
	.pro_con02{padding: 50px 0;}
	.pro_con02 ul{margin: 0px 0 0;}
	.pro_con02 li .img{margin-top:30px;}
	.pro_con02 li dl {padding:0 20px;}
	.pro_con02 li dl h4{font-size:22px;line-height: 1.3; padding-bottom:20px;}
	.pro_con02 li dl p{margin-top: 2.34375vw;font-size: 15px;line-height: 1.5;}
}

.gray_bg {background:#fafafa;}


.subtable { width:100%; margin:20px auto; border-top:2px solid #009bdc; border-collapse: collapse;}
.subtable tr th {border:1px solid #dbdbdb; text-align:center; background:#f1f7fa; color:#333;  font-size:16px; font-weight:600; padding:10px 0; }
.subtable tr td {border:1px solid #dbdbdb; padding:10px;  color:#35363a; text-align:center;font-size:15px; line-height:1.5; font-weight:400; letter-spacing:-0.03em;}

@media all and (max-width:1200px){
	.subtable tr th {font-size:13px; }
	.subtable tr td {font-size:13px; padding:5px; }
}

.process_con03{padding:50px 0; }
.process_con03 ul{font-size:0; letter-spacing:-4px; text-align:center;}
.process_con03 ul li{padding-top:10px; display:inline-block; position:relative; vertical-align:top; width:250px; height:250px; margin:0px 10px; border-top:7px solid #fff; border-left:7px solid #009bdc; border-right:7px solid #009bdc; border-bottom:5px dotted #009bdc; border-radius:500px; box-sizing:border-box;}
.process_con03 ul li span{font-size:20px; color:#009bdc; letter-spacing:-0.045em; font-weight:700; text-align:center; line-height:40px; margin:0 auto;}
.process_con03 ul li h4{width:100%; font-size:18px; color:#333; letter-spacing:-0.045em; line-height:1.5; font-weight:700; text-align:center; padding-top:50px;}

@media all and (max-width:767px){
	.process_con03 ul li{width: calc(100% /3 - 10px); margin:0px 5px;}
	.process_con03 ul li h4{width:100%; font-size:15px;}
}

.process_con02{padding:50px 0; }
.process_con02 ul{font-size:0; letter-spacing:-4px; text-align:center;}
.process_con02 ul li{padding-top:10px; display:inline-block; position:relative; vertical-align:top; width:250px; height:250px; margin:0px 10px; border-top:7px solid #fafafa; border-left:7px solid #009bdc; border-right:7px solid #009bdc; border-bottom:5px dotted #009bdc; border-radius:500px; box-sizing:border-box;}
.process_con02 ul li span{font-size:20px; color:#009bdc; letter-spacing:-0.045em; font-weight:700; text-align:center; line-height:40px; margin:0 auto;}
.process_con02 ul li h4{width:100%; font-size:18px; color:#333; letter-spacing:-0.045em; line-height:1.5; font-weight:700; text-align:center; padding-top:50px;}

@media all and (max-width:767px){
	.process_con02 ul li{width: calc(100% /3 - 10px); margin:0px 5px;}
	.process_con02 ul li h4{width:100%; font-size:15px;}
}


.sub_tit{padding-bottom:30px; text-align:center;}
.sub_tit h3{font-size:25px; color:#222; letter-spacing:-0.045em; font-weight:700; margin:0; line-height:1.5; word-break:keep-all;}
.sub_tit h3:after {content: ""; display:block; margin:20px auto 0; width:1px; height:40px; background:#009bdc; }

@media all and (max-width:767px){
	.sub_tit h3{font-size:20px;}
}


.fee_con01{padding: 0px 0;overflow:hidden;  }
.fee_con01 ul{margin:0px 0 0;}
.fee_con01 h3{margin: 0;font-size: 20px;line-height: 1.2;color: #009bdc; letter-spacing:-1px; font-weight:700;-ms-word-break: keep-all;word-break: keep-all;}
.fee_con01 li{margin-top: 0px;position:relative;}
.fee_con01 li:after{content:'';display: block;clear:both;}
.fee_con01 li > div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fee_con01 li .img{float:left; width: 400px; text-align:right;}
.fee_con01 li .img img {width:100%;}
.fee_con01 li .txt{float:right; width:700px; padding-top: 60px;}
.fee_con01 li dl h4{margin: 0;font-size: 25px;line-height: 1.2;color: #282828; letter-spacing:-1px; font-weight:800;-ms-word-break: keep-all;word-break: keep-all;}
.fee_con01 li dl h4 span {display:block; color:#7e665a;}
.fee_con01 li dl p{margin-top: 20px;font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all;}
.fee_con01 li dl dd{margin-bottom: 10px;font-size: 18px;line-height: 1.5;color: #616161; letter-spacing:-.5px; font-weight: 400;-ms-word-break: keep-all;word-break: keep-all; margin-left:10px;}
.fee_con01 li dl dd:before {content: ""; position:absolute; width:4px; height:4px; background:#009bdc; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}


@media all and (max-width:1200px){
	.fee_con01 li > div{width: 100%;}
	.fee_con01 li:nth-of-type(odd) > div,
	.fee_con01 li:nth-of-type(even) > div{float: none;padding: 0;}
	.fee_con01 li .img {text-align:center; width:100%;}
	.fee_con01 li .img:after{display: none;}
	.fee_con01 li .txt{margin-top: 0px; width:100%;}
}

@media all and (max-width:640px){
	.fee_con01{padding: 50px 0; }
	.fee_con01 ul{margin: 0px 0 0;}
	.fee_con01 li .img{margin-top:30px;}
	.fee_con01 li dl {padding:0 20px;}
	.fee_con01 li dl h4{font-size:22px;line-height: 1.3; padding-bottom:20px;}
	.fee_con01 li dl dd{margin-top: 2.34375vw;font-size: 15px;line-height: 1.5;}
}


.buttons {margin:0 auto 50px; text-align:center;}
.buttons button {transform: rotate(-0.03deg);  background: none;  border: 0;  box-sizing: border-box;  margin: 1em;  padding: 1em 3em;  box-shadow: inset 0 0 0 1px #333;  color: #333;  font-size: 18px;  font-weight: 700;  border-radius:0;  position: relative;  vertical-align: middle;}
.buttons button::before, button::after {  box-sizing: inherit;  content: "";  position: absolute;  width: 100%;  height: 100%;}

.draw {  transition: color 0.25s;}
.draw::before, .draw::after {  border: 2px solid transparent;  width: 0;  height: 0;}
.draw::before {  top: 0;  left: 0;}
.draw::after {  bottom: 0;  right: 0;}
.draw:hover {  color: #60daaa;}
.draw:hover::before, .draw:hover::after {  width: 100%;  height: 100%;}
.draw:hover::before {  border-top-color: #5e5952;  border-right-color: #60daaa;  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.draw:hover::after {  border-bottom-color: #60daaa;  border-left-color: #60daaa;  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}

.meet:hover {  color: #009bdc;}
.meet::after {  top: 0;  left: 0;}
.meet:hover::before {  border-top-color: #009bdc;  border-right-color: #009bdc;}
.meet:hover::after {  border-bottom-color: #009bdc;  border-left-color: #009bdc;  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;}


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

	 .buttons {margin:0 auto 20px; text-align:center;}
	 .buttons button {transform: rotate(-0.03deg);  background: none;  border: 0;  box-sizing: border-box;  margin: 1em;  padding: 1em 3em;   font-size: 15px;  font-weight: 700;  border-radius:0;  position: relative;  vertical-align: middle;}
}



.quick { position:fixed; right:0px; top:200px; margin:0 auto; z-index:1000; text-align:center; width:90px; z-index:1000000000000 !important; border-top-left-radius:15px; border-bottom-left-radius:15px; background:#fff;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.quick h3 {background:#009bdc; border-top-left-radius:15px; padding:20px 0; color:#fff; font-size:20px; font-weight:800; line-height:1; }
.quick h3 i {display:block; padding-bottom:10px;}
.quick ul li {text-align:center; padding:15px 0; margin:0 15px; border-bottom:1px solid rgba(0,0,0,0.1); }
.quick ul li:last-child { border-bottom:0px solid rgba(255,255,255,0.3); }
.quick ul li span {transform: rotate(-0.03deg); display:block; color:#4c4c4c; font-size:14px; font-weight:700; padding-top:5px;}


@media all and (max-width:1200px){
	.quick {width:100%; display:none; background:none; box-shadow:none;}
	.quick h3 {display:none;  }
	.quick ul li {display:none; }
	.quick ul li:last-child {border-right:0px solid #000; }
}