@charset "utf-8";

@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'noto sans kr';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@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; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

/* 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:noto sans kr, 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:noto sans kr }
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:noto sans kr, 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;*/ width:1360px; margin:0 auto; position:relative }

#header {margin-top:-100px; height:80px; position:fixed; width:100%; z-index:100; color:#fff; background:#fff; transition:all .3s }
#header a { color:#000 }
#header h1 { float:left;background-image:url(../img/ci.png); font-size:0; width:197px; height:36px; margin-top:40px; }
#header h1 a { width:154px; height:80px; background-size:100%;display:inline-block;}

 

 
#header .gnb {
    float:right;
    margin:35px 0 0 30px;
}

#header .gnb .depth1 {
    float:left;
    position:relative;
    padding:0 80px;
    width:auto;
    white-space:nowrap;
}

#header .gnb .depth1 > a {
    display:inline-block;
    position:relative;
    height:45px;
    line-height:45px;
    font-size:1.25em;
    font-weight:500;
    letter-spacing:-1px;
    white-space:nowrap;
}


 

#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:45px 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 {
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;

    width:0;
    height:3px;

    background:#233543;
    transition:width 0.3s ease;
}

/* hover 시 글자 길이만큼 자동 */
#header .gnb .depth1:hover > a:before {
    width:100%;
}


#header .gnb .depth1 > a {
    white-space:nowrap;
}

#header.down { background:#fff; height:80px }
#header.down a { color:rgba(0,0,0,0.7) }


#header.down .gnb .depth1 {
    overflow:visible;
    white-space:nowrap;
}


#header.down .gnb .depth1 > a { 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:#233543 }

#header.on { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) }
#header.on a { color:rgba(0,0,0,0.7) }
#header.on h1 a { background-position:0 -42px }

#footer { padding:50px 0; margin:0px 0 0 0; background:#e8eaec; color:#666 }
#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 50px }
#footer dt, #footer dd { display:inline-block }
#footer dt { font-weight:500 }
#footer dd { margin:0 20px 0 5px }
#footer .copyright { margin:10px 0 0 0 }
#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 {margin-top:80px; height:calc(500px); text-align:center; color:#fff; font-family:nanumsquare; 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:center;}

#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 {line-height:1.1; margin:25vh 0 0 0; font-size:3em; font-weight:700; animation:up .5s .8s forwards; opacity:0 }
#main_visual h2 span { font-size:1.4em;}
#main_visual hr { display:inline-block; width:59px; height:2px; background:#fff; margin:36px 0 0 0; animation:scale .5s 1s forwards; opacity:0 }
#main_visual p {font-weight:600; font-size:1.5em; line-height:2.4; margin:0px 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 { 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 }

#main_visual .qr_img {position: absolute; top: 43px; z-index: 100; left: 50%; transform: translateX(-50%); width: 72px; height: 73px;}



/*커뮤니티
.main_community {position:relative ; width:100%; padding:30px 0 10px 0; background:#eee;}
.main_community .title{ font-weight:600; font-size: 28px; color: #464745; margin-bottom: 10px; letter-spacing: -2px;  }
.main_community .title span{font-weight:300;}

.main_community .notice {width:45%; float:left;}
.main_community .notice .sub{ font-size: 17px; color: #464745; margin-bottom: 10px; letter-spacing: -1px;  }
.main_community .notice .sub span a{float:right; background: #fff;  padding: 4px 15px; border-radius: 30px; text-align:center; letter-spacing:1px; margin-top:-3px; }

.main_community .right { width:45%; float:left;}

*/


/* 공지&고객센터 */

.construct_best .port_list dl dt p.img img{width:50%;}

article.community{background:url(../img/community_bg.jpg) no-repeat center; position: relative;overflow: hidden; padding-top:40px; padding-bottom:42px;}

article.community::after{content: '';display: block; width: 100%; height: 100%; background: #eee ;}
article.community .wrap{ z-index: 9;}
article.community .commu{width: 100%;}
.tel h3{ font-weight:600; font-size:25px; letter-spacing: -2px;display: inline-block;white-space: nowrap;}
.tel h3 span{ font-weight:300;}
.notice{float: left; width: 48%;}
.notice h3{ color: #333;}
.notice p.sub{ font-size: 18px; color: #464745; margin-bottom: 20px; letter-spacing: -1px; margin-top:5px;}
.notice p a{float:right; background: #fff;  padding: 4px 15px; border-radius: 30px; text-align:center; letter-spacing:1px; margin-top:-5px; margin-right:10px; }

.notice .notice_list { float:center;}
.notice .notice_list dl {width:48%;display:inline-block; }
.notice .notice_list dl dt{width:100%;}
.notice .notice_list dl dd{background:#fff; padding: 10px 20px 15px 20px;}
.notice .notice_list dl dd p.p_con{color: #777; text-align: left; 	color: #777;
	text-align: left;
	overflow: hidden;
   line-height: 1.2em;
   height: 2.4em;
   word-wrap: break-word;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;  }
.notice .notice_list dl dd p.p_title{ font-size: 17px; font-weight:500; white-space: normal;  line-height: 2em;   max-height: 2.6em;   word-wrap: break-word;
display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical; color: #333; }

.cs{float: right; width:38%; }
.cs h3{ color: #333; font-weight:600;}
.cs p.sub{ font-size: 17px; color: #464745; margin-bottom: 20px; letter-spacing: -1px;   margin-top:5px;}
.cs p a{float:right; background: #fff;  padding: 4px 15px; border-radius: 30px; text-align:center; letter-spacing:1px; margin-top:-5px; }
.cs .icon {width:100%; display:inline-block;  margin-bottom: 20px;}
.cs .icon ul {}
.cs .icon ul li{float:left;  width:33.3%; text-align:center;}
.cs .icon ul li dl{width: 100%; }
.cs .icon ul li dl img {text-align:center;}
.cs .icon ul li dl dt {font-weight:400; font-size:17px; color:#333;margin-top:12px;}

@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); } @font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); } .lottemarthappy * { font-family: 'LotteMartHappy', sans-serif; }

@media screen and (max-width:1200px){
article.community {padding:20px 0 50px 0;}
.notice p a{ margin-top: -15%;}
.notice .notice_list {margin-top:30px;}
.notice .notice_list dl {width:48%; float:left;}
.notice .notice_list dl dd { padding: 10px ;}
.notice .notice_list dl dd p.p_title{ line-height: 1.2em;  max-height: 2.6em ; font-size:15px; margin-bottom:5px; }
.notice .notice_list dl dd p.p_con{ font-size:13px; }


}



@media screen and (max-width:960px){
#header a { color:#fff }
   .cs::before{display:none;}
   h3{ font-weight:600; font-size: 22px; letter-spacing: -2px;display: inline-block;white-space: nowrap;}
   .notice{ width: 100%; margin-right: 0;  }
   .notice p.sub{ font-size: 15px; color: #464745; margin-bottom: 20px; letter-spacing: -1px; margin-top:5px;}
   .notice p a{float:right; background: #fff;  padding: 4px 15px; border-radius: 30px; text-align:center; letter-spacing:1px; margin-top:-10px; }
   .notice .notice_list{width: 100%; float:right; }
   .notice .notice_list dl {width:48%; float:center;}
   .notice .notice_list dl dt img{width:100%;}

   .cs{ width:100%; margin-top:40px; }
   .cs .icon {width:50%;  float:right;}
   .cs .tel {width:50%; float:left;}

   .cs .icon ul li dl img {width:70%; padding:0 0;}
   .cs .icon ul li dl dt {font-size:17px; padding:0 0; margin: 7px 0 0 10px;}



}


@media screen and (max-width:640px){
   article.community{ padding-bottom:30px;}
   h3{ font-weight:600; font-size: 22px; letter-spacing: -2px;display: inline-block;white-space: nowrap;}
   .notice .notice_list {margin:0px;}
   .notice .notice_list dl {width:48%; float:center; margin-top:10px;}
   .notice .notice_list dl dd {padding:10px;}
   .notice .notice_list dl dd p.p_con{ font-size: 13px;}
   .notice .notice_list dl dd p.p_title{ font-size: 14px; font-weight:500; white-space: normal;  line-height:1.3em;   max-height: 1.3em;   word-wrap: break-word;
   display: -webkit-box;   -webkit-line-clamp: 1;   -webkit-box-orient: vertical; color: #333; letter-spacing:-1.5px; overflow:hidden;}

   .notice p a{float:right; background: #fff;  padding: 4px 10px; border-radius: 30px; text-align:center; letter-spacing:1px; font-size:12px; margin-top:8px;}

   .cs{ width:100%; margin-top:40px; }
   .cs .icon {width:100%;  float:left;}
   .cs .tel {width:100%; float:left;}
   .cs p.sub{ font-size: 17px; color: #464745; margin-bottom:10px; letter-spacing: -1px;   margin-top:5px;}

   .cs .icon ul li dl img {width:100%; padding:0 20%;}
   .cs .icon ul li dl dt {text-align:center; font-size:14px; padding:0 20%; margin: 7px 0 0 4px;}


   }


.ms_3{width: 50%;	float: left;}

.ms_3 li .inner{
   display: block;
   margin-left: 20px;
   box-sizing: border-box;
   min-height: 350px;
}
.ms_3 .big{
   width: 100%;
}
.ms_3 .big .inner{
   background: url('../img/ms_3_big_bg.png') #f26203 no-repeat;


color: #fff;
   padding: 5rem 5rem;
}
.ms_3 .big h4{
   font-size: 2.1rem;
   font-weight: 600;
   margin-bottom: 15px;
}
.ms_3 .big p{
   font-weight: 100;
   font-size: 1.1rem;
   letter-spacing: -1px;
   line-height: 1.4;
}
.ms_3 .big .btn_style_2{
   float: right;
   margin-top: 3rem;
}

.ms_3 .big .btn_style_2 .txt{
   color: #fff;
}


@media screen and (max-width:1080px){
   .ms_3 .big h4{
      font-size: 1.8rem;
   }
   .ms_3 .big p br{
      display: none;
   }

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

   .ms_3{width: 100%;}
   .ms_3 .big .btn_style_2{
      margin-top: 2rem;
   }
}
@media screen and (max-width:840px){
   .ms_3 ul{
      margin-left: -10px;
   }
   .ms_3 li .inner{
      min-height: 220px;
      margin-left: 10px;
   }
   .ms_3 .big .inner{
      padding: 2rem 3rem;
   }
   .ms_3 .big h4{
      font-size: 1.6rem;
      margin-bottom: 10px;
   }
   .ms_3 .big p{
      font-size: 1rem;
   }
}
@media screen and (max-width:768px){
   .ms_3{
      padding: 3rem 0;
   }
   .ms_3 .big .inner{
      background: url('../img/ms_3_big_bg.png') center top no-repeat;
   }
   .ms_3 .certificate .inner{
      background: url('../img/main/ms_3_certificate_bg.png') #e8e8e8 no-repeat center 40% / 90% auto;
   }
}
@media screen and (max-width:670px){
   .ms_3{
      padding: 0;
   }
   .ms_3 ul{
      margin-left: 0;
   }
   .ms_3 li{
      float: none;
      width: 100% !important;
      margin: 10px 0;
   }
   .ms_3 li .inner{
      width: 100%;
      min-height: 220px;
      margin-left: 0;
   }
   .ms_3 .big .inner{
      background: url('../img/ms_3_big_bg.png') center top no-repeat ;
   }

}



.main_container{
    display: flex; flex-wrap: wrap;
	background:#d7dde0;
}
.no-flexbox .main_container::after{
    content: ''; display: block; clear: both;
}

.tel {float: left; width: 50%; padding-top:50px;}
.tel h4 {font-size:18px; font-weight:300; padding:15px 0; letter-spacing:-1px;}
.tel img{ float: left; padding-top:7px;}
.tel p{ font-size: 18px; color: #2f2f2f; padding-left: 2%; padding:10px 0;  line-height:25px;}

.tel p span.num{ font-family: 'LotteMartHappy'; font-size: 40px; color: #000; font-weight:600; padding-left: 2%; }

.tel p.time{width:15%;float:left; padding-left:0px; margin-top:3px;}
.tel p.time_detail{width:60%; float:left; margin-top:3px; color:#000; line-height:25px;}

.tel img {margin-top:5px; margin-right:5px;}

@media screen and (max-width:991px){
    .tel { float: none; width:100%; min-height:220px; padding:20px 50px;}
	.tel p span.num{ font-size: 33px; }
	.tel p.time{width:25%;}

}

@media screen and (max-width:640px){
    .tel { float: none; width:100%; min-height:220px; padding:20px;}
	.tel p span.num{ font-size: 33px; }
	.tel p.time{width:25%;}

}


.main_board{
    width: 50%; background: #f9f9f9;
	float:left;
    padding: 3rem 4rem 1.2rem;
    box-sizing: border-box;
}
.no-flexbox .main_board{
    float: left;
}
.main_board h4{
    display: inline-block;
    font-size: 1.7rem; font-weight: 600;
    margin-bottom: 20px;
}
.main_board .detail_arr{
    float: right;     margin-top: 15px;
}
.main_board .detail_arr:hover .arrow{
    margin-right: 5px;
    width: 40px;
}
.main_board .board_list{
    min-height: 170px;
}
.main_board .board_list .list{
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}
.main_board .board_list .list:first-child{
    border-top: 1px solid #a2a2a2;
}
.main_board .board_list .list::after{
    content: '';
    display: block;
    clear: both;
}
.main_board .board_list .list > div{
    float: left;
}
.main_board .board_list .list .date{
    width: 9%;
    text-align: center;
}
.main_board .board_list .list .date span{
    display: block;
    color: #969696;
    font-size: 2rem;
    line-height: 1.2;
    transition: 0.2s;
}
.main_board .board_list .list .date small{
    display: block;
    color: #969696;
    font-size: 1rem;
    line-height: 1.2;
    transition: 0.2s;
}
.main_board .board_list .list:hover .date span{
    color: #243a56;
}
.main_board .board_list .list:hover .date small{
    color: #243a56;
}
.main_board .board_list .list .text{
    width: 88%;
    margin-left: 3%;
}
.main_board .board_list .list .text a{
    display: block;
}
.main_board .board_list .list .text:hover a{
    text-decoration: underline;
}
.main_board .board_list .list .text h5{
    font-weight: 500;
    color: #444;
    font-size: 1.3rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px;
}
.main_board .board_list .list .text p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-size: 1.1rem;
    color: #666;
    font-weight: 300;
}

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

    .main_board{
        padding: 2.3rem 3rem 3rem;
    }
}

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

	.main_board {width:100%; float:none;}
    .main_board .board_list{
        min-height: 170px;
    }
    .main_board .board_list .list{
        padding: 14px 0;
    }
    .main_board .board_list .list .date{
        width: 11%;
    }
    .main_board .board_list .list .date span{
        line-height: 1.1;
    }
    .main_board .board_list .list .date small{
        line-height: 1.2;
    }
    .main_board .board_list .list .text{
        width: 85%;
    }
    .main_board .board_list .list .text h5{
        margin-bottom: 0;
    }
}
@media screen and (max-width:520px){

    .main_board{
        padding: 2rem 2.2rem 2.2rem;
    }
    .main_board h4{
        font-size: 1.5rem;
    }
    .main_board .board_list .list .text h5{
        font-size: 1.2rem;
    }
    .main_board .board_list .list .date span{
        line-height: 1;
    }
}
@media screen and (max-width:425px){
    .main_board .board_list .list .date{
        width: 15%;
    }
    .main_board .board_list .list .text{
        width: 81%;
    }
    .main_board .board_list .list .date span{
        line-height: 1.1;
    }

}







.main_box_m{width:50%; float:right;}

.main_box a{
    display: flex;
    flex-wrap: wrap;
    position: relative; z-index: 2;
    height: 100%;
    padding: 3rem 4rem;
    box-sizing: border-box;
    color: #fff;
}
.no-flexbox .main_box a{
    display: block;
}
.main_box .text{
    width: 100%;
}
.main_box .text h4{
    font-size: 1.7rem; font-weight: 600;
}
.main_box .text p{
    margin-top: 20px; font-size: 1.2rem; line-height: 1.3; font-weight: 300;
}
.main_box .detail_arr{
    margin-top: auto;
}
.no-flexbox .main_box .detail_arr{
    margin-top: 60%;
}
.main_box a > img{
    position: absolute;
    right: 10%;
    bottom: 10%;
}
.detail_arr span{
    display: inline-block;
    vertical-align: middle;
}
.detail_arr .arrow{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 1px;
    background: #adadad;
    position: relative;
    transition: 0.3s;
    margin-left: 10px;
}
.main_box a:hover .detail_arr .arrow{
    margin-left: 15px;
    width: 40px;
}
.detail_arr .arrow::after{
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    background: url(../img/arr.png) no-repeat;
    position: absolute;
    right: -2px;
    top: -3px;
}

.main_box.box1 .text_bg{
    display: block;
    position: absolute; z-index: 1;
}

.main_box.box3{
	background: url(../img/box3_bg.jpg) no-repeat center / 100%;
}
.main_box.box4{
	background: url(../img/box4_bg.jpg) no-repeat center / 100%;
	margin-top:20px;
}
.main_box:hover{
    background-size: 105%;
}

@media screen and (max-width:1280px){
    .main_box a{
        padding: 2rem 3rem;
    }
}
@media screen and (max-width:768px){
    .main_box.box2,.main_box.box3,.main_box.box4{
        background-size: cover;
    }
}
@media screen and (max-width:640px){
    .main_box_m{width:100%; float:none;}
	.text_bg.nine1,.text_bg.com1,.text_bg.com2{
        display: none !important;
    }



}
@media screen and (max-width:520px){
    .main_box a{
        padding: 1.8rem 2.4rem;
    }
    .main_box a > img{
        width: 39px;
    }
    .main_box .text h4{
        font-size: 1.5rem;
    }

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

    .main_box .text p{
        font-size: 1.1rem;
    }
}
@media screen and (max-width:360px){
    .main_box .text p{
        display: none;
    }
}





#main_contents { position:relative; z-index:1 }
.main_gallery { background:#fff; margin-top:0px; margin-bottom:10px }
.gallery_t {margin-bottom:30px; min-height:20px; margin-top:30px;}
.main_gallery h3 {float:left; text-align:left; line-height:1; font-size:2em; font-weight:700; text-transform:uppercase; letter-spacing:-1px; }
.main_gallery h4 {float:right; text-align:right; line-height:1; font-size:1.3em; font-weight:300; text-transform:uppercase; letter-spacing:-1px; padding-top:13px;}
.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}

.main_gallery .detail_arr{
    float: right;     margin-top: 15px; margin-right:10px;
}
.main_gallery .detail_arr:hover .arrow{
    margin-right: 5px;
    width: 40px;
}

.pic_lt {position:relative; margin:0; padding:0 10px }
.pic_lt #touchSlider { position:relative; overflow:hidden; min-height:200px !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 }


@media all and (max-width:1000px){
#main_contents {padding-top:30px; text-align:center;}

.gallery_t {margin-top:0px;}
.main_gallery h3 {float:none; text-align:center;  font-size:2em; }
.main_gallery h4 {float:none; text-align:center; font-size:1.3em; padding-top:10px;}

.main_gallery .detail_arr{    float: none;}

}



/* main_con01 */

/* .main_con01{ text-align: center; background:#233543; padding:30px 0;} */
.main_con01{ text-align: center; background:#ffffff; padding:30px 0;}
.main_con01 ul li{width:calc(33% - 15px); margin-right:20px; float:left; cursor:pointer; position:relative; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
.main_con01 ul li:last-child{margin-right:0;}
.main_con01 li{width: 292.5px;height: 294px;position:absolute;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_con01 li a{display: block;}
.main_con01 li h3{ font-size: 20px;font-weight: 600;color: #fff;letter-spacing: -0.025em;text-shadow:2px 0 5px rgba(0,0,0,0.15); position:relative; z-index:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main_con01 li h3 span {background:#194e44; padding:3px 10px;}
.main_con01 li h4{padding: 20px 0 0;font-size: 30px;font-weight: 600;letter-spacing: -1.5px; position:relative; z-index:1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main_con01 .txt{position:absolute;bottom: -100%;left: 0;width: 100%;height: 100%;background-color: #f19b87;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.main_con01 .txt p{font-size: 18px;line-height: 26px;letter-spacing: -0.05em;-ms-word-break: keep-all;word-break: keep-all;}
.main_con01 .txt .more{display: block;width: 135px;margin: 20px auto 0;padding: 5px 0;font-size: 18px;color: #ffffff;border:1px solid #fadfd8;letter-spacing: -0.05em;}
.main_con01 .txt2 .more{display: block;width: 135px;margin: 20px auto 0;padding: 5px 0;font-size: 16px;color: #000;border:1px solid #000;letter-spacing: -0.05em;}

.w {color: #fff;}

.main_con01 .box01{width: 324px;height: 294px;top: 0;left: 0;background:url('../../sian3/img/box4_bg.jpg') no-repeat center top / cover;}
.main_con01 .box02{width: 324px;height: 294px;top: 0;left: 0;background:url('../../sian3/img/box1_bg.jpg') no-repeat center top / cover;}
.main_con01 .box03{width: 324px;height: 294px;top: 0;left: 0;background:url('../../sian3/img/box2_bg.jpg') no-repeat center top / cover;}
.main_con01 .box04{width: 324px;height: 294px;top: 0;left: 0;background:url('../../sian3/img/box3_bg.jpg') no-repeat center top / cover;}

.main_con01 li > img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.main_con01 li:hover .txt{bottom: 0;}


.main_con01 .box01 h3{padding: 120px 0 0;}
.main_con01 .box02 h3{padding: 120px 0 0;}
.main_con01 .box03 h3{padding: 120px 0 0;}
.main_con01 .box04 h3{padding: 120px 0 0;}

.main_con01 .box01 .txt{background:rgba(52,54,58,0.9);}
.main_con01 .box02 .txt{background:rgba(52,54,58,0.9);}
.main_con01 .box03 .txt{background:rgba(52,54,58,0.9);}
.main_con01 .box04 .txt{background:rgba(52,54,58,0.9);}


.main_con01 .box01 .txt p{color: #fff;margin-top: 130px;}
.main_con01 .box02 .txt p{color: #fff;margin-top: 130px;}
.main_con01 .box03 .txt p{color: #fff;margin-top: 130px;}
.main_con01 .box04 .txt p{color: #fff;margin-top: 130px;}


.main_con01 .box01 .txt .more{color: #fff;border-color:#fff;}
.main_con01 .box02 .txt .more{color: #fff;border-color:#fff}
.main_con01 .box03 .txt .more{color: #fff;border-color:#fff}
.main_con01 .box04 .txt .more{color: #fff;border-color:#fff}

.main_con01 .box01:hover h3{color: #fff;}
.main_con01 .box02:hover h3{color: #fff;}
.main_con01 .box03:hover h3{color: #fff;}
.main_con01 .box04:hover h3{color: #fff;}


.main_con01 .box01:hover h3{padding-top: 60px;}
.main_con01 .box02:hover h3{padding-top: 60px;}
.main_con01 .box03:hover h3{padding-top: 60px;}
.main_con01 .box04:hover h3{padding-top: 60px;}

.main_con01 li.box01:hover > img{margin-top: -10px;opacity: 0;}
.main_con01 li.box02:hover > img{margin-top: -10px;opacity: 0;}
.main_con01 li.box03:hover > img{margin-top: -10px;opacity: 0;}
.main_con01 li.box04:hover > img{margin-top: -10px;opacity: 0;}


@media all and (max-width:1200px){

	/* main_con01 */

	.main_con01 {margin-top:-10px;}
	.main_con01 ul{height: auto;}
	.main_con01 li{position:relative;vertical-align: top;width: 50%; margin-bottom:10px;}
	.main_con01 li + li{margin-top: 10px;}
	.main_con01 .box01{width: 31%;height: 300px;top: 10px;left: 0;}
	.main_con01 .box02{width: 31%;height: 300px;top: 0;left: 0;}
	.main_con01 .box03{width: 31%;height: 300px;top: 0;left: 0;}
	.main_con01 .box04{width: 31%;height: 300px;top: 0;left: 0;}

}


@media all and (max-width:640px){

	/* main_con01 */
	.main_con01{margin-top:-30px;}
	.main_con01 h2{font-size: 5vw;}
	.main_con01 h2 span{font-size: 7.1875vw;}
	.main_con01 .desc{font-size: 2.8125vw;line-height: 4.0625vw;}
	.main_con01 ul{margin-top: 4.6875vw; }
	.main_con01 li + li{margin-top: 1.5625vw;}
	.main_con01 li h3{padding: 15.625vw 0 0;font-size: 6.25vw;}
	.main_con01 li h4{padding: 5.625vw 0 0;font-size: 6.25vw;}

	.main_con01 .box01{width: 100%;height: 300px;top: 0px;left: 0;}
	.main_con01 .box02{width: 100%;height: 300px;top: 0;left: 0;}
	.main_con01 .box03{width: 100%;height: 300px;top: 0;left: 0;}
	.main_con01 .box04{width: 100%;height: 300px;top: 0;left: 0;}

	.main_con01 .txt p{font-size: 2.8125vw;line-height: 4.0625vw;}
	.main_con01 .txt .more{width: 21.09375vw;margin: 3.5625vw auto 0;padding: 0.78125vw 0;font-size: 2.8125vw;}

    .txt5 p.tel { font-family: 'LotteMartHappy'; font-size: 20px; padding:10px 0; }

	.main_con01 .box01{ height: 55.75vw;}
	.main_con01 .box02{height: 55.75vw;}
	.main_con01 .box03{height: 55.75vw;}
	.main_con01 .box04{height: 55.75vw;}


	.main_con01 .box01 h3{padding: 24.75vw 0 0;}
	.main_con01 .box02 h3{padding: 24.75vw 0 0;}
	.main_con01 .box03 h3{padding: 24.75vw 0 0;}
	.main_con01 .box04 h3{padding: 24.75vw 0 0;}


	.main_con01 .box01 .txt p{margin-top: 25.59375vw;}
	.main_con01 .box02 .txt p{margin-top: 25.59375vw;}
	.main_con01 .box03 .txt p{margin-top: 25.59375vw;}
	.main_con01 .box04 .txt p{margin-top: 25.59375vw;}

	.main_con01 .box01:hover h3{padding-top: 11.375vw;}
	.main_con01 .box02:hover h3{padding-top: 11.375vw;}
	.main_con01 .box03:hover h3{padding-top: 11.375vw;}
	.main_con01 .box04:hover h3{padding-top: 11.375vw;}

	.main_con01 li:hover > img{margin-top: -1.5625vw;}
}


.main_con02{ text-align: center; background:#fff; padding-top:30px;}
.main_con02 h3 {font-size:35px; font-weight:600;}
.main_con02 h3 span {color:#0851a2;  font-weight:600;}
.main_con02 h4 {font-size:18px; font-weight:500; color:#747474;}
.main_con02 ul {padding:30px 0;}
.main_con02 ul li {display:inline-block; width: calc(100% /4 - 17px); margin-right:12px;}
.main_con02 ul li:nth-child(4) {margin-right:0px;}

.main_con03{ text-align: center; background:#fff; padding-top:30px;}
.main_con03 h3 {font-size:35px; font-weight:600;}
.main_con03 h3 span {color:#0851a2;  font-weight:600;}
.main_con03 h4 {font-size:18px; font-weight:500; color:#747474;}
.main_con03 ul {padding:30px 0;}
.main_con03 ul li:nth-child(4) {margin-right:0px;}

@media all and (max-width:991px){
	.main_con02 h3 {font-size:25px;}
	.main_con02 h4 {font-size:16px;}
	.main_con02 ul li {display:inline-block; width: calc(100% /2 - 17px); margin-right:7px; margin-bottom:10px;}
	.main_con02 ul li:nth-child(2) {margin-right:0px;}
	.main_con02 ul li img {width:100%;}
}

@media all and (max-width:640px){
	.main_con02 h3 {font-size:25px;}
	.main_con02 h4 {font-size:16px;}
	.main_con02 ul li {display:inline-block; width: calc(100% /2 - 17px); margin-right:7px; margin-bottom:10px;}
	.main_con02 ul li:nth-child(2) {margin-right:0px;}
}

/*210624 메인 qr코드 스티커 주문하기 추가*/
.qr_order h3 {display: inline-block; font-size: 25px; font-weight: bold; margin: 30px 20px 30px 0;}
.qr_order span {font-size: 1.2em;}
.qr_order ul {text-align: center; margin-bottom: 50px; margin-top: 15px;}
.qr_order ul li {display: inline-block; width: calc(16.66% - 1px); margin-bottom: 0px;}
.qr_order ul li .order_btn {display: inline-block; width: 105px; background: #ffc000; text-align: center; padding: 5px 0; color: #000; font-weight: 400; margin-top: 15px;}


@media (max-width: 1024px) {
  .qr_order h3 {display: block; margin: 30px 0px 10px 0;}
  .qr_order ul {margin-top: 30px;}
  .qr_order ul li {width: calc(25% - 32px);}

}

@media (max-width: 768px) {
  .qr_order ul li {width: calc(33.33% - 25px);}

}

@media (max-width: 516px) {
  .qr_order ul li {width: calc(50% - 15px);}

}

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


.pc_only { display:block !important }

#sub_visual {margin-top:80px; height:228px; background-position:center; background-size:cover; background-color:#178293; }
#sub_visual h2 { text-align:center; font-size:2.7em; font-weight:600; letter-spacing:-1px; color:#fff; padding:90px 0 0 0; text-transform:uppercase; position:relative; line-height:1; animation:up .5s .2s forwards; opacity:0 }
#sub_visual h2:after { height:2px; width:60px; background:#fff; position:absolute; left:50%; bottom:-20px; margin-left:-30px; content:""; animation:scale .5s .5s forwards; opacity:0 }

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

#left_area { float:none; width:100%; margin-top:20px;}
.left_snb { }
.left_snb h2 {background:#233543; 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 a { color:#000; border-bottom:1px solid #e0e0e0; display:block; padding:12px 7px; font-size:1.1em; font-weight:300; position:relative; letter-spacing:-.5px}
.left_snb li a:after { width:0; height:3px; background:#ddd; position:absolute; right:7px; top:50%; transform:translateY(-50%); content:""; transition:all .3s }
.left_snb li:hover a:after { width:10px; }
.left_snb li:hover a { background:#f5f5f5 }
.left_snb li.on a {background:#233543; color:#fff; font-weight:500; }
.left_snb li.on a:after { background:#fff; width:10px }
.left_snb ul { margin-bottom:50px }
.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% !important; margin-top:50px; }
.container_title { font-size:2.4em; line-height:1; letter-spacing:-1.5px; font-weight:500; border-bottom:1px solid #e9e9e9; padding-bottom:30px; margin:5px 0 50px 0 }

/*210624 qr코드관리 모바일*/
.mypage_qr .qr_box {display: none;}
.mypage_qr .qr_box::before {content:''; display:block; clear:both;}

@media (max-width: 1023px) {
  .left_snb {border-bottom: none !important; }
}

.mobile_on {display: none;}
.mobile_off {display:block;}

@media (max-width: 768px) {
  .orderpage_tabmenu a {font-size: 18px; font-weight: 500;}
  /* .orderpage_tabmenu {width: calc(50% - 2px) !important;} */
  #right_area {padding-top: 0 !important; padding: 0 4% 0 4% !important; margin-top: 0 !important;}
  .mypage_qr .qr_table {display: none;}
  .mypage_qr .qr_box {display: block; border: 1px solid rgb(179, 179, 179); font-size: 20px; margin-top: 25px; padding: 15px; position: relative;}
  .mypage_qr .qr_box ul li {margin: 5px 0; color: #000; font-weight: 400;}
  .mypage_qr .qr_box .qr_img {position: absolute; top: 10px; right: 10px;}
  .mypage_qr .qr_box .qr_view {display: block; width: 100px; background: #ffc000; text-align: center; padding: 5px 0; color: #000;}

  .mobile_on {display: block;}
  .mobile_off {display: none;}

}


/* 그누보드 수정 */
#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; text-align: center; }
.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 .sec01:after { clear:both; content:""; display:block }
#ctt_con.sub01_01 .sec01 > div { float:left; width:calc(100% - 350px) }
#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:1em; font-weight:300; margin:0 0 20px }
#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 }

#ctt_con.sub01_03 .os_mac.root_daum_roughmap { font-family:noto sans kr !important }
#ctt_con.sub01_03 .root_daum_roughmap .cont .section { margin:0 !important }


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


.map{width:100%;}
.map .map_box{width:100%; height:535px; margin-top:60px;}
.map .map_box .root_daum_roughmap{width:100% !important;}
.map .map_box .root_daum_roughmap .wrap_map{height:535px !important;}
.map .map_txt{padding:35px 0; background-color:#fff; border:1px solid #dedede; position:relative; margin-top:-50px; z-index:1;}
.map .map_txt ul{width:100%; font-size:0; text-align:center; margin-bottom:0;}
.map .map_txt ul li{display:inline-block; vertical-align:top; padding:0 12px; position:relative;}
.map .map_txt ul li:after{content:""; display:block; clear:both; width:1px; height:16px; background-color:#d3d7d8; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.map .map_txt ul li:last-of-type:after{display:none;}
.map .map_txt ul li span{float:left; width:31px; margin:2px 10px 0 0;}
.map .map_txt ul li span img{width:100%;}
.map .map_txt ul li p{float:left; font-size:18px; font-weight:300; color:#444;}

@media all and (max-width:1200px){

	/*찾아오시는길 페이지*/
	.map .map_txt ul li{display:block; padding:0; width:100%; margin-bottom:20px;}
	.map .map_txt ul li:last-of-type{margin-bottom:0;}
	.map .map_txt ul li:after{display:none;}
	.map .map_txt ul li:last-of-type:after{display:none;}
	.map .map_txt ul li span{float:none; display:inline-block; vertical-align:top;}
	.map .map_txt ul li p{float:none; display:inline-block; vertical-align:top;}
}

@media all and (max-width:640px){

	/*찾아오시는길 페이지*/
	.map .map_box{height:83.59375vw; margin-top:9.375vw;}
	.map .map_box .root_daum_roughmap .wrap_map{height:83.59375vw !important;}
	.map .map_txt{padding:5.46875vw 0; margin-top:-7.8125vw;}
	.map .map_txt ul li{margin-bottom:3.125vw;}
	.map .map_txt ul li span{width:4.84375vw; margin:0.3125vw 1.5625vw 0 0;}
	.map .map_txt ul li p{font-size:2.8125vw;}
}






/* 제품 리스트 */
.sub_container .grid_list {position:relative; }
.sub_container .grid_list ul {margin:0 0 0 0px;}
.sub_container .grid_list ul:after {clear:both; display:block; content:"";}
.sub_container .grid_list ul li {width:33.333%; float:left;}
.sub_container .grid_list ul li img {width:100%;}
.sub_container .grid_list ul li dl {margin:0 0 40px 0px;}
.sub_container .grid_list ul li dl a {position:relative; display:block;}
.sub_container .grid_list ul li dl a dt {position:relative; overflow:inherit;}
.sub_container .grid_list ul li dl a dt .over {position:absolute; width:100%; height:100%; background:rgba(45, 54, 145, 0.7); display:none;}
.sub_container .grid_list ul li dl a dt .over p {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.sub_container .grid_list ul li dl a dt .over p .ov_t {display:block; text-align:center; color:#fff; font-size:20px; margin:12px 0 0 0;}
.sub_container .grid_list ul li dl a dt .over p span img {width:50px;}
.sub_container .grid_list ul li dl a:hover dt .over {display:block;}
.sub_container .grid_list ul li dl dd p {width:100%; overflow:hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.sub_container .grid_list ul li dl dd p.tit {line-height: 48px; height: 48px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9;}
.sub_container .grid_list ul li dl dd p.p_name {line-height: 40px; font-size:25px; color:#333; font-weight:800; margin:5px 0 0 0;}

@media screen and (max-width:1000px){
.sub_container .grid_list .pc {display:none;}
.sub_container .grid_list .mobile {display:block;}
.sub_container .grid_list ul li dl dd p.tit {font-size:18px; margin:12px 0 2px 0;}
.sub_container .grid_list ul {margin:0 0 0 -20px;}
.sub_container .grid_list ul li dl {margin:0 0 20px 20px;}
}
@media screen and (max-width:640px){
.sub_container .grid_list ul {margin:0 0 0 -12px;}
.sub_container .grid_list ul li dl {margin:0 0 20px 12px;}
.sub_container .grid_list ul li {width:100%;}
.sub_container .grid_list ul li dl dd p.tit {font-size:14px; margin:10px 0 2px 0;}
.sub_container .grid_list ul li dl dd p.p_name {font-size:18px;}

}
@media screen and (max-width:480px){
.sub_container .grid_list ul li dl dd p.p_name {font-size:18px; }
}


.orderpage_tabmenu_container {width: 100%; margin:0 auto; text-align:center;}
.orderpage_tabmenu {margin-bottom:10px !important; width: 110px;height: auto;display:inline-block; *display:inline; *zoom:1; font-size:13px;padding:10px 0;background-color: #fff; border:1px solid #314056; font-weight:400;text-align:center;display: inline-block;cursor: pointer; }
.orderpage_tabmenu:hover {color: #333;}
.orderpage_tabmenu.active {color: #fff;font-weight: 400;background-color: #2d3691; padding:10px 0px;}
.orderpage_tabmenu.active a {color:#fff;}
#defaultOpen2 {color: #fff;font-weight: 400;background-color: #2d3691; padding:10px 0px;}
#defaultOpen2 a {color:#fff;}

.product_con .top{border:1px solid #e8e8e8; padding:10px; box-sizing:border-box; margin-bottom:40px;}
.product_con .top:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_con .top .img_box{width:372px; padding:28% 0; position:relative; float:left; overflow:hidden;}
.product_con .top .img_box img{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.product_con .top .img_box2{width:372px; padding:35% 0; position:relative; float:left; overflow:hidden;}
.product_con .top .img_box2 img{position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}

.product_con .top .text{float:left; width:calc(100% - 372px); padding:40px 60px; box-sizing:border-box;}
.product_con .top .text h5{margin:0; line-height:1.1; font-size:36px; color:#444444; letter-spacing:-0.045em; font-weight:500;}
.product_con .top .text h4{padding:10px 0 0; font-size:16px; color:#888888; font-weight:200; letter-spacing:-0.045em; }
.product_con .top .text > p{padding:10px 0 0; font-size:16px; color:#888888; font-weight:200; letter-spacing:-0.045em; }
.product_con .top .text .hr {width:100%; height:1px; margin:30px 0 0;  background-color:#efefef; }
.product_con .top .text dl {padding-top:30px; }
.product_con .top .text dl dt {position:relative; padding-left:10px; box-sizing:border-box; font-size:18px; font-weight:500; color:#2d3691; letter-spacing:-0.045em; }
.product_con .top .text dl dt:before {content:''; position:absolute; left:0; top:6px; width:2px; height:16px; background-color:#2d3691; }
.product_con .top .text dl dd {margin-top:15px; padding-left:10px; box-sizing:border-box; font-size:16px; font-weight:300; color:#666666; letter-spacing:-0.045em; line-height:26px; }
.product_con .top .text dl dd p {position:relative; padding-left:10px; box-sizing:border-box; }
.product_con .top .text dl dd p:before {content:'·'; position:absolute; left:0; top:0; color:#2d3691; font-weight:500; }

.product_con .bot .hr {width:100%; height:1px; background-color:#efefef; }
.product_con .bot .title{margin-top:40px; margin-bottom:30px; font-size:22px; color:#222222; letter-spacing:-0.045em; font-weight:500; line-height:22px; position:relative; padding-left:35px; box-sizing:border-box;}
.product_con .bot .title:before{content:""; width:0; height:0; border:10px solid #2d3691; border-top-color:transparent; border-left-color:transparent; position:absolute; left:0; top:2px;}


.product_con .bot .desc_box_type01 .img_box {margin:0px 0; padding:20px 20px; box-sizing:border-box; border:20px solid #f5f5f5;  text-align:center; background-color:#fff; }
.product_con .bot .desc_box_type01 .img_box img {max-width:100%; }

.product_con .bot .desc_box_type01 .desc_box {font-size:0; letter-spacing:-4px; margin-bottom:40px;}
.product_con .bot .desc_box_type01 .desc_box > p {padding-left:20px; font-size:18px; font-weight:500; color:#b30c0c; letter-spacing:-0.045em; box-sizing:border-box; }
.product_con .bot .desc_box_type01 .desc_box dl {display:inline-block; vertical-align:top; width:100%; padding:0 20px; margin-top:20px; box-sizing:border-box; }
.product_con .bot .desc_box_type01 .desc_box dl.w100 {width:100%; }
.product_con .bot .desc_box_type01 .desc_box dl dt {position:relative; padding-left:8px; font-size:16px; color:#666666; letter-spacing:-0.045em; box-sizing:border-box; }
.product_con .bot .desc_box_type01 .desc_box dl dt:before {content:'·'; position:absolute; left:0; top:0; color:#2d3691; font-weight:500; }


@media all and (max-width:1000px){
	.product_con .top .img_box{float:none; width:100%; padding:53% 0;}
	.product_con .top .img_box2{float:none; width:100%; padding:75% 0;}
	.product_con .top .text{float:none; width:100%; padding:40px 20px}

	.product_con .bot .desc_box_type01 .img_box .inline_box .imgbox {margin-right:0; margin-bottom:30px; }
	.product_con .bot .desc_box_type01 .img_box .inline_box .txt_box {width:90%; }

	.product_con .bot .desc_box_type01 .desc_box dl {width:100%; }

	.product_con .bot .desc_box_type01 .img_box .inline_box .imgbox {margin-right:0; margin-bottom:10px; }
	.product_con .bot .desc_box_type01 .img_box .inline_box .txt_box {width:90%; }

	.product_con .bot .desc_box_type01 .desc_box dl {width:100%; }
	.product_con .bot .desc_box_type01 .desc_box dl dt {font-size:15px; }
}




.company .about_con01 {}
.company .about_con01 ul {margin-top:30px; font-size:0; }
.company .about_con01 li {display:inline-block; vertical-align:top; width:25%; height:350px; border-right:1px solid #eeeeee; padding:50px 30px 0; text-align:center; box-sizing:border-box; word-break:keep-all; }
.company .about_con01 li:last-of-type {border-right:0 none; }
.company .about_con01 li img {max-width:100%; }
.company .about_con01 li p.tit {min-height:35px; margin-top:30px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-1px; }
.company .about_con01 li p.desc {margin-top:25px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-1px; text-align:center; }

@media all and (max-width:1200px){
	.company .about_con01 li p.desc br{display:none;}
}

@media all and (max-width:1000px){
	.company .about_con01 li {width:50%; }
	.company .about_con01 li:nth-of-type(2n) {border-right:0 none; }
	.company .about_con01 li p.tit { font-size:18px; line-height:22px;}
	.company .about_con01 li p.desc { font-size:14px;}
}



/* sub_tit */
.sub_tit {padding-top:0px; padding-bottom:30px; text-align:center; }
.sub_tit .hr {width:17px; height:2px; margin:0 auto 10px; background-color:#1b3171; }
.sub_tit h3 {font-size:28px; color:#000; letter-spacing:-1px;}
.sub_tit p {padding-top:20px; font-size:20px; font-weight:300; color:#1d1d1d; line-height:30px; letter-spacing:-0.075em; }
.sub_tit p b {font-weight:500; }
.sub_tit p.desc {padding-top:10px; font-size:18px; font-weight:300; color:#1d1d1d; line-height:30px; letter-spacing:-0.075em; }
.sub_tit img {max-width:100%; }


@media all and (max-width:640px){
	.sub_tit h3 {font-size:20px; }
	.sub_tit p {padding-top:0px; font-size:16px; line-height:28px; }
	.sub_tit p br {display:none; }
	.sub_tit p.desc {font-size:16px; line-height:26px; }
}


.about_con02 {}
.about_con02 .graph {width:100%; font-size:0; margin:0px auto 60px; text-align:center; }
.about_con02 .graph li {display:inline-block; vertical-align:top; width:270px; height:270px; font-size:18px; font-weight:bold; text-align:center; text-transform:uppercase; line-height:25px; border-radius:50%; }
.about_con02 .graph li p {display:table; width:100%; height:100%; }
.about_con02 .graph li p span {display:table-cell; vertical-align:middle; }
.about_con02 .graph li.one {background:rgba(76,196,205,0.8); color:#fff; }
.about_con02 .graph li.two {position:relative; z-index:10; margin-left:-37px;background:rgba(23,137,203,0.8); color:#fff; }
.about_con02 .graph li.thr {margin-left:-37px; background:rgba(23,203,188,0.8); color:#fff; }

.about_con02 .graph li.one1 {background:rgba(67,185,153,0.8); color:#fff; }
.about_con02 .graph li.two2 {position:relative; z-index:10; margin-left:-37px;background:rgba(128,105,173,0.8); color:#fff; }
.about_con02 .graph li.thr3 {margin-left:-37px; background:rgba(91,129,193,0.8); color:#fff; }


.about_con02 .txt_box {margin-bottom:40px; }
.about_con02 .txt_box li {border-top:1px solid #efefef; padding:35px 0; font-size:0; }
.about_con02 .txt_box li:last-of-type {border-bottom:1px solid #efefef; }
.about_con02 .txt_box .left_box {display:inline-block; vertical-align:top; width:28%; padding-left:9%; letter-spacing:-0.025em; box-sizing:border-box; }
.about_con02 .txt_box .left_box b {font-size:26px; font-weight:bold; color:#000; line-height:36px; }
.about_con02 .txt_box .left_box span {display:block; font-size:16px; font-weight:300; color:#505050; }
.about_con02 .txt_box .right_box {display:inline-block; vertical-align:top; width:72%; padding-left:30px; font-size:16px; font-weight:300; color:#1d1d1d; line-height:25px; letter-spacing:-1px; }
.about_con02 .txt_box .right_box span {display:block; font-size:18px; font-weight:600; color:#000; line-height:40px;}

@media all and (max-width:1200px){
	.about_con02 .txt_box .right_box br {display:none; }
}

@media all and (max-width:900px){
	.about_con02 .graph li {width:230px; height:230px; font-size:25px; }
	.about_con02 .txt_box .left_box {padding-left:3%; }
}

@media all and (max-width:640px){
	.about_con02 .graph li {width:130px; height:130px; font-size:12px; line-height:15px;  }
	.about_con02 .graph li.two {margin-left:-20px; }
	.about_con02 .graph li.thr {margin-left:-20px; }
	.about_con02 .graph li.two2 {margin-left:-20px; }
	.about_con02 .graph li.thr3 {margin-left:-20px; }

	.about_con02 .txt_box .left_box {width:100%; margin-bottom:20px; text-align:center; }
	.about_con02 .txt_box .right_box {width:100%; padding-left:5%; font-size:14px;  line-height:24px;}
	.about_con02 .txt_box .right_box span {font-size:18px; line-height:25px;}
}





/*car_regi*/
.car_wrap {font-size: 1.4em; font-weight: 400; width: 95%; margin: 0 auto; padding-bottom: 100px; color: #000;}
.car_wrap .car_info {border: 1px solid #41719c; margin: 50px 0 30px 0; padding: 50px 10px 20px 10px; position: relative;}
.car_wrap .car_info ul li {margin-bottom: 10px;}
.car_wrap .car_info ul li label::before {content: ""; display: inline-block; width: 4px; height: 4px; background-color: gray; border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.car_wrap .car_info ul li label {width: 35%; display: inline-block;}
.car_wrap .car_info ul li input {width: calc(65% - 5px); border-color: #41719c;}
.car_wrap .car_info ul li .qr_nbox {width: 40%;}
.car_wrap .car_info .check {position: absolute; top: 50px; right: 10px; background: #5b9bd5; border-radius: 5px; border:1px solid #41719c; color: #fff; font-weight: 400; padding: 3px 0; width: 22%; text-align: center;}
.car_wrap .regi { text-align: center; display: block; padding: 5px 10px; width: 200px; background: #ffc000; font-weight: 400; margin: 0 auto;}

/*car_vio*/
.car_wrap .memo .memo_con {border: 1px solid #41719c; height: 100px;}
.car_wrap .vio_con {border: 1px solid #41719c; padding: 10px; margin-bottom: 20px;}
.car_wrap .vio_con ul li {margin-bottom: 10px; font-size: 1.4em; font-weight: 400;}
.car_wrap .vio_con ul li span {display: block; text-align: center; background: #deebf7; color: #4472c4; font-weight: 500;}
.car_wrap .vio_con .vio_check li {font-size: 25px !important;}
.car_wrap .vio_con .vio_check li input[type=checkbox] {margin-right: 5px;}
.car_wrap .vio_con .vio_check li:last-child {display: block; width: 100%;}
.car_wrap .vio_con .vio_check li:last-child input[type=text] {width: 40%;}
.car_wrap .vio_con .w82 {width: 75%;}
.car_wrap .yellow_btn {padding: 5px 10px; background: #ffc000; display: inline-block; font-weight: 400;}
.car_wrap .sky_btn {padding: 5px 10px; background: #bdd7ee; display: inline-block; font-weight: 400;}
.car_wrap .vio_con .vio_btn {text-align: center;}
.car_wrap .vio_con .vio_btn a {margin: 20px 0px;}
input:checked + label {
    color: red;
  }
/*car_view*/
.car_wrap .memo {margin: 50px 0 30px 0; text-align: center;}
.car_wrap .memo label { display: block; margin-bottom: 10px; font-weight: 400; font-size: 1.4em;}
.car_wrap .memo textarea {border-color: #41719c;}
.car_wrap .memo a {padding: 5px 10px; background: #ffc000; margin-top: 20px; display: inline-block; font-weight: 400;}
.car_wrap .title {font-weight: 500; font-size: 1.4em; margin-bottom: 10px; color: #00437e;}
.car_wrap .vio {margin-bottom: 30px;}
/* .car_wrap .vio p {font-weight: 400; font-size: 1.4em; margin-bottom: 10px;} */
.car_wrap .vio ul {border: 1px solid #41719c; padding: 10px; margin-bottom: 10px;}
.car_wrap .vio ul li {margin-bottom: 10px; font-size: 1.4em; font-weight: 400;}
.car_wrap .vio ul li::before {content: ""; display: inline-block; width: 4px; height: 4px; background-color: gray; border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.car_wrap .vio a {display: block; padding: 5px 0; width: 160px; background: #ffc000; text-align: center; margin: 0 auto; font-weight: 400;}
.car_wrap .change {}
/* .car_wrap .change p {font-weight: 400; font-size: 1.4em; margin-bottom: 10px;} */
.car_wrap .change table {border: 1px solid #ffe9c7;}
.car_wrap .change table tr th {background: #ffe9c7; text-align: left; padding: 5px 10px;}
.car_wrap .change table tr td {padding: 5px 10px; border-bottom: 1px solid #ffe9c7;}





/*조직도 페이지*/

.group .con01{padding-bottom:50px;}
.group .con01 .team{width:100%;}
.group .con01 .team .border_box{width:76%; margin:0 auto; position:relative;}
.group .con01 .team .border_box:after{content:""; display:block; position:absolute; width:100%; height:1px; border-top:1px dashed #c0c0c0; left:0; bottom:-29px;}
.group .con01 .team .ceo_box{width:150px; height:150px; margin:0 auto; background:url("../img/ceo_box_bg.png") center top no-repeat; background-size:cover; padding-top:60px; box-sizing:border-box; text-align:center; position:relative;}
.group .con01 .team .ceo_box:before{content:""; display:block; position:absolute; width:1px; height:28px; border-right:1px dashed #848484; box-sizing:border-box; bottom:-27px; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.group .con01 .team .ceo_box img{display:block; width:34px; margin:0 auto 10px;}
.group .con01 .team .ceo_box p{font-size:18px; font-weight:bold; color:#fff;}
.group .con01 .team .list{margin-top:90px; font-size:0;  text-align:center;}
.group .con01 .team .list > li{display:inline-block; vertical-align:top; width:23.5%; margin-right:2%; position:relative;}
.group .con01 .team .list > li:before,
.group .con01 .team .list > li:after{content:""; display:block; clear:both; position:absolute;}
.group .con01 .team .list > li:before{width:1px; height:40px; border-left:1px dashed #848484; box-sizing:border-box; top:-63px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.group .con01 .team .list > li:after{width:5px; height:5px; background-color:#b8b8b8; border-radius:50%; top:-20px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.group .con01 .team .list > li:last-of-type{margin-right:0;}
.group .con01 .team .list > li .top_box{width:100%; padding:12px 0; box-sizing:border-box; border-radius:40px; font-size:0;}
.group .con01 .team .list > li:nth-of-type(odd) .top_box{border:7px solid #233543; }
.group .con01 .team .list > li:nth-of-type(2n) .top_box{border:7px solid #233543;}
.group .con01 .team .list > li .top_box img{display:inline-block; vertical-align:top; width:35px; margin-right:8px;}
.group .con01 .team .list > li .top_box p{display:inline-block; vertical-align:top; font-size:18px; font-weight:bold; color:#444; margin-top:4px;}
.group .con01 .team .list > li .txt{margin-top:30px;}
.group .con01 .team .list > li .txt ul li{padding:8px 0; text-align:center;}
.group .con01 .team .list > li .txt ul li{border-bottom:1px dashed #8b8b8b;}

.group .con01 .team .list > li .txt ul li p{font-size:18px; font-weight:300; color:#666;}


@media all and (max-width:1000px){


	.group .con01 .team .border_box{width:51%;}
	.group .con01 .team .list > li{width:49%; margin-right:0;}
	.group .con01 .team .list > li:nth-of-type(odd){margin-right:2%;}
	.group .con01 .team .list > li:nth-of-type(n+3){margin-top:10%;}

}


@media all and (max-width:768px){


		/*조직도 페이지*/

	.group .con01{padding-bottom:15.625vw;}
	.group .con01 .team .border_box:after{bottom:-4.53125vw;}
	.group .con01 .team .ceo_box{width:32.1875vw; height:32.1875vw; padding-top:13.375vw;}
	.group .con01 .team .ceo_box:before{height:4.375vw; bottom:-4.21875vw;}
	.group .con01 .team .ceo_box img{width:5.3125vw; margin:0 auto 1.5625vw;}
	.group .con01 .team .ceo_box p{font-size:3.8125vw;}
	.group .con01 .team .list{margin-top:14.0625vw;}
	.group .con01 .team .list > li:before{height:6.25vw; top:-9.84375vw;}
	.group .con01 .team .list > li:after{width:0.78125vw; height:0.78125vw; top:-3.125vw;}
	.group .con01 .team .list > li .top_box{padding:1.875vw 0; border-radius:6.25vw;}
	.group .con01 .team .list > li:nth-of-type(odd) .top_box{border:1.09375vw solid #f26203; }
	.group .con01 .team .list > li:nth-of-type(2n) .top_box{border:1.09375vw solid #f26203;}
	.group .con01 .team .list > li .top_box img{width:5.46875vw; margin-right:1.25vw;}
	.group .con01 .team .list > li .top_box p{font-size:2.8125vw; margin-top:0.625vw;}
	.group .con01 .team .list > li .txt{margin-top:4.6875vw;}
	.group .con01 .team .list > li .txt ul li{padding:1.25vw 0;}
	.group .con01 .team .list > li .txt ul li p{font-size:2.8125vw;}

}


.video {float:left; width:50%; padding-bottom:50px; border-right:1px solid #ddd;}
/* .video:nth-of-type(2n) {border-right:0px solid #ddd;} */
.video ul.left {width:30%; float:left; padding-top:0px; padding-left:25px;width:;height:50px;}
.video ul.right {width:70%; display:inline-block; vertical-align:top; text-align:left;}
.video ul li {color:#000; font-size:16px;  text-align:center;}

@media all and (max-width:768px){

	.video {float:none; width:100%; padding-bottom:50px; border-bottom:1px solid #ddd; padding-top:50px;}
	.video:first-child {padding-top:50px;}

}

.f_wrap .enumerate.opposite .right_area{
  width: 40%; float:right;
}
.f_wrap .enumerate.opposite .left_area{
  width: 50%; float:left;
}

.f_wrap section.enumerate .text{
  margin-top: 6rem; font-size: 1.3rem; text-align: right; position: relative;
  box-sizing: border-box; line-height: 1.8; padding: 2rem 15% 0 0;     z-index: 9;
}
.f_wrap section.enumerate .text::before{
  content: ''; display: block; width: 240px; height: 1px; background: #5e4db1;
  position: absolute; right: -12%; top: 0;
}
.f_wrap .enumerate.opposite .summary{
  padding: 3rem 1rem 2rem; box-sizing: border-box;
}
.f_wrap .enumerate.opposite .summary h4{
  color: #453885; font-size: 2rem; font-weight: 600; text-transform: uppercase; margin-bottom: 30px;
}
.f_wrap .enumerate.opposite .summary h4::after{
  content: ''; display: block; width: 93%; height: 1px; background: #5e4db1; margin-top: 5px;
}
.f_wrap .enumerate.opposite .summary .list_style li{
  margin: 14px 0;     font-size: 1.1rem;
}
.f_wrap .enumerate.opposite .summary .list_style li strong{
  text-align: left; color: #444;
}

@media screen and (max-width:1200px){
  .f_wrap .enumerate.opposite .summary h4{
    margin-bottom: 20px;
  }
  .f_wrap .enumerate.opposite .summary .list_style li{
    margin: 6px 0;
  }
}
@media screen and (max-width:910px){
  .f_wrap .enumerate.opposite .left_area{
    width: 100%;
  }
  .f_wrap .enumerate.opposite .left_area .image{
    text-align: center;     margin-top: 2.5rem;
  }
  .f_wrap .enumerate.opposite .left_area .image img{
    max-width: 800px; width: 92%;
  }
  .f_wrap .enumerate.opposite .right_area{
    width: 100%; text-align: center;
  }
  .f_wrap .enumerate.opposite .right_area .summary{
    display: inline-block;
  }
  .f_wrap .enumerate.opposite .summary h4::after{
    width: 100%;
  }
  .f_wrap .enumerate.opposite .right_area .summary .list_style{
    text-align: left;
  }
}
@media screen and (max-width:840px){
  .f_wrap section.enumerate .text{
    margin-top: 2rem;
  }
}
@media screen and (max-width:768px){
  .f_wrap .enumerate.opposite .right_area .summary{
    padding: 1rem 1rem 2rem;
  }
}
@media screen and (max-width:640px){
  .f_wrap section.enumerate .left_area{
    width: 100%;
  }
  .f_wrap section.enumerate .right_area{
    width: 100%;
  }
  .f_wrap section.enumerate .text{
    padding: 2rem 0;
  }
  .f_wrap section.enumerate .text::before{
    width: 180px;
  }
  .f_wrap .enumerate.opposite .left_area .image{
    margin-top: 1.5rem;
  }
}
@media screen and (max-width:560px){
  .f_wrap .enumerate.opposite .summary .list_style li{
    margin: 10px 0;    padding-left: 12px;
  }
  .f_wrap .enumerate.opposite .summary .list_style li strong{
    display: inline-block; width: 48px; margin-right: 10px; margin-bottom: 0; color: #453885; font-weight: 600; text-align: left;
  }
}
@media screen and (max-width:425px){
  .f_wrap section.enumerate{
    margin-top: 1rem;
  }
  .f_wrap section.enumerate .text{
    font-size: 1rem;
  }
  .f_wrap section.enumerate .text::before{
    width: 120px;
  }
}

.f_wrap section.enumerate{

}
.f_wrap .enumerate.opposite .w{
  background: #f9f9f9;
}
.f_wrap section.enumerate .left_area{
  width: 100%;
}
.f_wrap .enumerate.opposite .right_area{
  width: 40%;
}
.f_wrap .enumerate.opposite .left_area{
  width: 60%;
}
.f_wrap section.enumerate .right_area{
  width: 100%;
}
.f_wrap section.enumerate .text{
  margin-top: 6rem; font-size: 1.3rem; text-align: right; position: relative;
  box-sizing: border-box; line-height: 1.8; padding: 2rem 15% 0 0;     z-index: 9;
}
.f_wrap section.enumerate .text::before{
  content: ''; display: block; width: 240px; height: 1px; background: #5e4db1;
  position: absolute; right: -12%; top: 0;
}
.f_wrap .enumerate.opposite .summary{
  padding: 3rem 1rem 2rem; box-sizing: border-box;
}
.f_wrap .enumerate.opposite .summary h4{
  color: #453885; font-size: 1.7rem; font-weight: 600; text-transform: uppercase; margin-bottom: 30px;
}
.f_wrap .enumerate.opposite .summary h4::after{
  content: ''; display: block; width: 93%; height: 1px; background: #5e4db1; margin-top: 5px;
}
.f_wrap .enumerate.opposite .summary .list_style li{
  margin: 14px 0;     font-size: 1.1rem;
}
.f_wrap .enumerate.opposite .summary .list_style li strong{
  text-align: left; color: #444;
}

@media screen and (max-width:1200px){
  .f_wrap .enumerate.opposite .summary h4{
    margin-bottom: 20px;
  }
  .f_wrap .enumerate.opposite .summary .list_style li{
    margin: 6px 0;
  }
}
@media screen and (max-width:910px){
  .f_wrap .enumerate.opposite .left_area{
    width: 100%;
  }
  .f_wrap .enumerate.opposite .left_area .image{
    text-align: center;     margin-top: 2.5rem;
  }
  .f_wrap .enumerate.opposite .left_area .image img{
    max-width: 800px; width: 92%;
  }
  .f_wrap .enumerate.opposite .right_area{
    width: 100%; text-align: center;
  }
  .f_wrap .enumerate.opposite .right_area .summary{
    display: block;
  }
  .f_wrap .enumerate.opposite .summary h4::after{
    width: 100%;
  }
  .f_wrap .enumerate.opposite .right_area .summary .list_style{
    text-align: left;
  }
}
@media screen and (max-width:840px){
  .f_wrap section.enumerate .text{
    margin-top: 2rem;
  }
}
@media screen and (max-width:768px){
  .f_wrap .enumerate.opposite .right_area .summary{
    padding: 1rem 1rem 2rem;
  }
}
@media screen and (max-width:640px){
  .f_wrap section.enumerate .left_area{
    width: 100%;
  }
  .f_wrap section.enumerate .right_area{
    width: 100%;
  }
  .f_wrap section.enumerate .text{
    padding: 2rem 0;
  }
  .f_wrap section.enumerate .text::before{
    width: 180px;
  }
  .f_wrap .enumerate.opposite .left_area .image{
    margin-top: 0rem;
  }
}
@media screen and (max-width:560px){
  .f_wrap .enumerate.opposite .summary .list_style li{
    margin: 10px 0;    padding-left: 12px;
  }
  .f_wrap .enumerate.opposite .summary .list_style li strong{
    display: inline-block; width: 100px; margin-right: 10px; margin-bottom: 0; color: #453885; font-weight: 600; text-align: left;font-size:15px;
  }
}


.business .cash_con03 {margin:50px 0; }
.business .cash_con03 ul {font-size:0; }
.business .cash_con03 li {display:inline-block; vertical-align:top; width:50%; margin-bottom:40px; font-size:0; }
.business .cash_con03 li .img_box {display:inline-block; vertical-align:top; width:180px; }
.business .cash_con03 li .img_box img {max-width:100%; }
.business .cash_con03 li .txt_box {display:inline-block; vertical-align:top; width:calc(100% - 180px); }
.business .cash_con03 li .txt_box p.tit {font-size:22px; font-weight:bold; color:#222222; letter-spacing:-0.025em; }
.business .cash_con03 li .txt_box p.desc {margin-top:10px; font-size:16px; font-weight:300; color:#444444; letter-spacing:-1px; line-height:25px; }
.business .cash_con03 li .txt_box p.btn_box {margin-top:25px; font-size:18px; color:#013274; }
.business .cash_con03 li .txt_box p.btn_box a {display:inline-block; vertical-align:middle; padding:5px 20px; margin-bottom:5px; border:1px solid #013274; box-sizing:border-box; font-size:16px; font-weight:500; color:#013274; letter-spacing:-0.025em; }


@media all and (max-width:1200px){
	.business .cash_con04 li {width:calc(33.33% - 20px); margin-right:30px; }

}

@media all and (max-width:1000px){

	.business .cash_con03 li {width:100%; }
}

.searchLabel { font-size:22px; font-weight:600;}

.searchWindow {
	position: relative;
    border: 0px solid #7c5294;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	padding:5px;
		margin-bottom:15px;
		width: 300px;
		display:inline-block;
		background:#ffff00;
		
}
.searchBox {
    width: 233px !important;
    height: 24px;
    padding: 13px 15px;
    margin: 1px;
    background-color: #fff;
    font-size: 32px !important;
    line-height: 24px;
    color: #000;
    outline: 0;
	border:0 !important;
	height:52px;
	background:#ffff00;

}

.searchBtn{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #f7f7f7;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
	width:52px;
	border:0px;
}
#searchLabel{
	display:none;
}
.mobileOn { display:none; }
.mobileOff { display:block; }
@media all and (max-width:640px){

.mobileOn { display:block; }
.mobileOff { display:none; }

.searchWindow {
position: relative;
    border: 0px solid #7c5294;
    -webkit-border-radius: 2px;
    border-radius: 2px;
	padding:5px;
		margin-bottom:15px;
		width: 300px;
		display:inline-block;
		background:#ffff00;
		
}
.searchBox {
    width: 233px !important;
    height: 24px;
    padding: 13px 15px;
    margin: 1px;
    background-color: #fff;
    font-size: 32px !important;
    line-height: 24px;
    color: #000;
    outline: 0;
	border:0 !important;
	height:52px;
	background:#ffff00;

}

.searchBtn{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #f7f7f7;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
	width:52px;
	border:0px;
}
#searchLabel{
	display:none;
}

}