/*
**
**      F o n t s
**
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,300,600');

/*
**
**      C o m m o n
**
*/
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;-webkit-overflow-scrolling: touch;}
#contents.no-scroll { overflow: hidden !important; position: relative !important; }
html.nav-open{ overflow: hidden !important; position: relative !important; overflow-scrolling: touch; -webkit-overflow-scrolling: touch;}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
::-moz-selection { color:#fff; background: #0074b6;}
::-webkit-selection { color:#fff; background: #0074b6;}
::-o-selection {color:#fff; background: #0074b6; }
::selection { color:#fff; background: #0074b6; }

body{position:relative;font-family: 'Open Sans', 'Noto sans', Arial, sans-serif; font-weight:300;font-size:15px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; color:#000; 
line-height:1.8; word-break:keep-all; word-wrap:break-word; transition: all 0.3s;overflow-x: hidden;}
figure {margin:0;}
button{margin: 0; border: 0;}
p > span{display: block; }
a{color:#000000;transition:color .3s ease-out,opacity .3s ease-out;}
b{display: block;}
hr{height: 0; border: 0; border-top: 1px solid #eee;}
img{max-width: 100%;}

/* helper*/
._container { position:relative; max-width:1280px; width:100%; margin:0 auto; }
._clearfix:after {content:'';display:block;clear:both;}
.full-img{width:100%;display:block;}
.txt-hidden{position:absolute;top:-100%;left:-100%;font-size:0;text-indent:-9999;}
.al-center{text-align: center;}
.al-right{text-align: right;}
.img-wrap{font-size: 0; text-align: center; margin: auto;}
.visible-m, .visible-s{display:none}
._ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.a11y {position: absolute !important; overflow: hidden;height: 1px;width: 1px; clip: rect(1px, 1px, 1px, 1px); }
.f-thin{font-weight: 200 !important;}
.c-white{color:#fff !important;}
.c-green{color: #0074b6 !important;}
.c-grey{color: #ccc !important;}
.c-darkgrey{color: #555 !important;}
.italic{ font-style: italic;}
.strong{font-weight: 600;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}


/* arrow */
._arrow_btm{ position: relative;}
._arrow_btm:after{ position: absolute; top:50%; margin-top: -7px; right: -17px; display: block; width:14px; height:14px; background: url("../img/common/down-arrow.png") 0 0 no-repeat; background-size: cover; content: '';}
._arrow_right{ position: relative;}
._arrow_right:after{position: absolute; top:50%; margin-top: -7px; right: -17px; display: block; width:14px; height:14px; background: url('../img/common/right-arrow.png') 0 0 no-repeat; background-size: cover; content: '';}
._arrow_right.white:after{ background: url(../img/common/right-arrow-white.png) 0 0 no-repeat; background-size: 100%;}
._arrow_left{ position: relative;}
._arrow_left:before{position: absolute; top:50%; margin-top: -7px; left: 0; display: block; width:14px; height:14px; background: url('../img/common/right-arrow.png') 0 0 no-repeat; background-size: cover; content: ''; transform:rotate(180deg);}



/* List */
[class*=lst-bullet-]{line-height:1.4}
[class*=lst-bullet-] li, [class*=dsc-bullet-] dt{position:relative;padding-left:.8em}
[class*=lst-bullet-] li+li{margin-top:3px}
[class*=lst-bullet-] li:before, [class*=dsc-bullet-] dt:before{position:absolute;left:0}
.lst-bullet-dot li:before, .dsc-bullet-dot dt:before{content:"ㆍ";left:-3px}
.dsc-bullet-dot dt{color:#222}
.dsc-bullet-dot dt:before{font-weight:700}

.lst-dot li{position: relative; padding-left: 24px;}
.lst-dot li:before{position: absolute; top:8px; left:0; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #444; content: ''; margin-right: 20px;}


/* tab */
._tab{ display: block; width:100%;}
._tab > ul:after{display: block; content: ''; clear: both;}
._tab > ul > li{ float: left; width: 25%; background-color: #fff; border-bottom: 1px solid #aaa; text-align: center; padding: 20px; cursor: pointer;}
._tab > ul > li.on{color:#0074b6; background: #eee; border-bottom-color: #eee;}
._tab .cont-wrap{ padding: 20px; }
._tab .tab_cont{display: none; }
._tab .tab_cont.on{display: block; }

/* accordion
._accordion .acc_title{ float: left; width: 25%; background-color: #fff; border-bottom: 1px solid #aaa; text-align: center; padding: 20px; cursor: pointer;}
._accordion .cont.on .acc_title{ color:#0074b6; background: #eee; border-bottom-color: #eee;}
._accordion .cont .acc_cont{display: none;}
._accordion .cont.on .acc_cont{ display: block; background-color: #eee; padding: 60px;}
*/


/* form */
form > div{ margin-bottom: 15px;}
form input[type="text"], select, textarea{width:100%;}
input[type=text], input[type=password], textarea, select{ height: 2.6em; line-height: 1.6; border-color: #ddd; padding: 6px 10px; margin-bottom: 6px; font-size: .92em; background: #f1f1f1;}
form label{margin-bottom: 4px;}
form textarea{height:7em; }
button, html input[type="button"], input[type="reset"], input[type="submit"]{ background: #fff;}
.btn-wrap{ text-align: center; margin: 0 auto; margin: 10px 0;}
.btn-wrap a{font-weight: 400;}

#u_skip {position:absolute;top:0;left:0;right:0;z-index:9000;}
#u_skip a {position:absolute; top:-9999px; left:-9999px;}
#u_skip a:active, #u_skip a:focus {display:block;width:100%;top:0;left:0;font-size:14px;line-height:50px;color:#fff;font-weight:bold;text-align:center;background:#3b89c9;}
#btn_top{position: fixed; right: 30px; bottom: 30px; background: rgba(0,0,0,0.7); z-index: 999; font-size: 0; text-align: center; vertical-align: middle; margin: auto; cursor: pointer;}
#btn_top img{width: 40px; height: 40px; padding: 5px; }

.bg{ display: table; width:100%; height:30vh; background: rgba(0,0,0,0.5); vertical-align: middle;}
.bg .btn-wrap{ display: table-cell; margin: auto; vertical-align: middle; text-align: center;}

/* //화살표 움직이는 버튼
.btn{ display: inline-block; }
.btn-arrow{  position: relative; color:#fff; border: 1px solid #fff; padding: 0 60px 0 40px; line-height: 55px; height: 55px; transition: all .3s ease;}
.btn-arrow .arrow{ position: absolute; top:1px; right:34px; display: inline-block; width: 12px; height:12px; transition: all .5s ease-out; color: #fff; margin-left: 6px;}
.btn-arrow:hover{ background: #fff; color: #000;}            
.btn-arrow:hover .arrow{ transform: translateX(5px); color: #000;}
*/
.btn-border { display: inline-block; padding: 0 35px; line-height: 60px; border: 1px solid #fff; color: #fff; transition: all .5s; }
.btn-white{ border-color: #fff; color: #fff;}
.btn-white:hover{ background-color: #fff; color: #000;}
.btn-green{ border-color: #0074b6; color: #0074b6;}
.btn-green:hover{ background-color: #0074b6; color: #fff;}


.btn-wrap2 { padding: 7px 20px 7px 20px; background: #0074b6; }
.btn-wrap2 .btn-white2{ border-color: #fff; color: #fff; font-weight: bold }


.form-control.select { width: 25%; }



/*
**
**      H e a d e r
**
*/
header { position: fixed; top: 0; left: 0; right: 0; background: #fff; width:100%; z-index:100; vertical-align: top; box-shadow: 0 3px 8px 0px #00000030; border-bottom: 1px solid #0074b6; height: 100px;margin: auto; text-align: center; transition: all .3s ease;} /*overflow 0s linear .2s,background-color .3s,height*/
#wrap{padding-top: 100px;}
header ._container{width:100%; max-width: 100%; padding: 0;}
#gnb { width: 100%; padding: 0 3%; text-align: left;}
.gnb_li{ position: relative; display: inline-block; vertical-align: top; transition: all .2s ease-out; text-align:center; } 
.gnb_li > *{font-weight: 400 !important; }
.gnb_li > *:first-child{ position: relative; display: block; height: 100px; line-height: 100px; padding: 0 20px; font-size:17px; transition:line-height .3s ease, height .3s ease; cursor: pointer;}
.gnb_li > *:first-child:before{position: absolute; display: block; width: 100%; height: 0; background-color: #0074b6; content: ''; margin-left:-22px} /*마우스오버시 상단 초록바*/
.gnb_li:hover > *:first-child:before{height: 3px; transition:height .2s ease} 
.gnb_li:last-child > *:first-child:before{display: none;}


/*gnb 서브메뉴*/
.gnb_li .depth2-menu{position: relative; visibility: hidden; opacity: 0; position: absolute; top:140px; display: block; width: 100%; min-width: 200px; background: 0; transition: top .2s ease-out, visibility 0s linear .2s,opacity .2s ease-out; transition: all .2s ease-out; padding-bottom: 5%;}
.gnb_li .depth2-menu:before{ display: block; width: 25px; height: 1px; overflow: hidden; background-color: #ddd; margin: 0 0 20px 35px;}
.gnb_li.on .depth2-menu:after{position: fixed; top:100px; left:0; width:100%; height: 320px; content: ''; background-color: #fff; z-index: -10; transition: opacity .1s ease-out; box-shadow: 0 3px 8px 0px #00000030;} /*뒤 흰배경 visibility 0s linear .1s, */
.gnb_li.on .depth2-menu{visibility: visible; opacity: 1; transition-delay:0s; top:125px} /*마우스오버시 서브메뉴*/
.gnb_li.on .depth2-menu li{width: 100%;}
.gnb_li .depth2-menu a{display: block; color:#999; text-align: left;transition: color .3s ease; overflow: hidden; line-height: 2em; padding: 0 20px; font-weight: 400 !important;}
.gnb_li .depth2-menu a:hover{color:#000;}
.gnb_li a.nav-lang{display: block; width: 37px; margin: 0 20px; background: url('../img/common/icon-globe.png') 50% 50% no-repeat; background-size: 70%; content: '';}

.left-menu-block{ float: left; display: inline-block; }
.right-menu-block{float: right; display: inline-block; }

.sub-menu-wrap{ display: none; width:100%; background:#fff; position: absolute; left:0;z-index: 100; } /*height: 100vh; */
.sub-menu-wrap.menu-open{display: block; z-index: 100; } /*position: absolute; left:0;*/
.sub-menu-secondary{ float: left; width:350px; min-height: 100%; background: #e9e9e9; text-align: left;} /*height: 100vh;*/
.sub-menu-secondary.reduce_opacity > *{opacity: .5; }
.sub-menu-secondary.close{ /* display: none;*/}
#btn_secondary_title{display: none;}


/* MODELS */
.secondary_title a{ background: #0074b6; color:#fff; }
.secondary_title:hover a:after{ background: url(../img/common/right-arrow-white.png) 0 0 no-repeat;}
.secondary_title a:after{ position: absolute; top:50%; margin-top: -7px; right: 20px; display: block; width:14px; height:14px; background: url(../img/common/right-arrow-white.png) 0 0 no-repeat; transform: rotate(180deg); background-size: cover; content: '';}
.secondary_title:hover a{text-decoration: underline;}


/* left sub mennu */
.sub_left_li,
.secondary_title a { position: relative; display: block; padding: 13px 0; padding-left: 30px; font-weight: 400;}
.sub_left_li{ cursor:pointer;}
.sub_left_li.active {color:#fff; background: #0074b6; text-decoration: underline;}
.sub_left_li:after { position: absolute; top:50%; margin-top: -7px; right: 20px; display: block; width:14px; height:14px; background: url(../img/common/right-arrow.png) 0 0 no-repeat; background-size: cover; content: ''; }
.sub_left_li.active:after{ background: url(../img/common/right-arrow-white.png) 0 0 no-repeat;}


.scroll{ width: 100%; height:calc( 100vh - 100px ); overflow: hidden; position: relative; }
.scroll-wrap{ width: 100%; height: 90vh; overflow: hidden; border: 1px solid #000;} /*height:calc( 100vh - 100px ); */


/* rigth sub menu*/
.sub-menu-tertiary-wrap{float: left; width:79%; width: calc( 100% - 350px); height:calc( 100vh - 100px ); overflow-y: auto;}
.sub-menu-tertiary{ display: none; width:100%; background: #fff; padding: 20px 40px; }
.sub-menu-tertiary.active{display: block;}
.sub-menu-tertiary:after{display: block; content: ''; clear: both;}
.tertiary-item-wrap{display: block; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.tertiary-item-wrap:after{display: block; content: ''; clear: both;}
.tertiary-item-wrap .prd-name{position: relative; padding: 1em; margin: 10px 0;}
.tertiary-item-wrap .prd-name:after{position: absolute; left: 1em; bottom:4px; display: block; width: 60px; height: 3px; background: #ddd; content: '';}


.sub-menu-tertiary .tertiary-item, 
.tertiary-back { float: left; display: inline-block; width: 25%; margin: 10px 0; padding-right: 10px; text-align: center; background: #fff;}
.sub-menu-tertiary .tertiary-item .prd-spec{display: block;}
.sub-menu-tertiary .tertiary-item .prd-spec._arrow_right:after{display: none;}
.sub-menu-tertiary .tertiary-item .prd-title{font-weight: 600; font-size: 1.1em; margin-bottom: 10px;}
.sub-menu-tertiary .tertiary-item ._list:hover .prd-title{text-decoration: underline;}
.sub-menu-tertiary .tertiary-item .prd-img{ position: relative; padding: 10px; margin-bottom: 10px; }
.sub-menu-tertiary .tertiary-item .prd-img:before{position: absolute; top:0; left:0; display: block; width:100%; height: 100%; background:#000; opacity: 0; content: '';}
.sub-menu-tertiary .tertiary-item .prd-img:after{position: absolute; opacity: 0; top:50%; left:50%; margin-left: -14px; margin-top: -14px; display: block; width:28px; height: 28px; background:url(../img/common/icon-viewmore.png) 50% 50% no-repeat; background-size: 100%; content: ''; }
.sub-menu-tertiary .tertiary-item:hover .prd-img:before{opacity:.4; transition: visibility 0s linear .1s, opacity .1s ease-out;}
.sub-menu-tertiary .tertiary-item:hover .prd-img:after{opacity: 1; transition: visibility 0s linear .1s, opacity .1s ease-out;}
.sub-menu-tertiary .tertiary-item .prd-img img{display: block; height: 100%; margin: auto; text-align: center;}
.sub-menu-tertiary .tertiary-item .prd-spec-back{display: block; width:100%; }


/* right sub menu back-button*/
.tertiary-back{display: none !important; }
#m_menu{ display: none; position: absolute; top:0; left: 0; width: 24px; height: 26px; margin:38px 40px; background: url(../img/common/icon_menu.png) 50% 50% no-repeat; background-size: cover; content: '';}
#logo{position: absolute; top:22px; left:46%; margin-left: -76px; display: block; width: 200px; height: 60px; background: url(../img/common/logo.png) 50% 50% no-repeat; background-size: 100%; content: '';}
#menu_search{ border-left: 1px solid #0074b6;}
.nav-search{ height: 100%; padding: 30px 27px; }
#btn_search{display: block; width:40px; height: 40px; background: url(../img/common/icon_search.png) 50% 50% no-repeat; background-size: 55%; }
#menu_search.open #btn_search{background: url(../img/common/btn_close.png) 50% 50% no-repeat; background-size: 55%;}
.search-block{display: none; position: absolute; top:100px; left:0; right:0; width:100%; height:60px; background: #fff; border-bottom: 1px solid #0074b6;}
.search-block.open{ display: block; }
.search-block *{vertical-align: top; text-align: left;}
.search-block .search-input{ width: 93%; width: calc( 100% - 125px); width: -webkit-calc( 100% - 125px); width: -moz-calc( 100% - 125px); width: -o-calc( 100% - 125px); height: 39px; padding: 10px 15px; border: none; border-right: 1px solid #0074b6;}
.search-block .icon_search{float: right; display: block; width:40px; height: 40px; margin: 10px 27px; background: url(../img/common/icon_search.png) 50% 50% no-repeat; background-size: 55%; }

.small-head header, .is-scroll header{height:60px;}
.small-head #wrap, .is-scroll #wrap{padding-top: 60px;}
.small-head #logo, .is-scroll #logo{top:12px; width: 98px; height: 38px; margin-left: -54px; transition:height .3s ease,background-size .3s ease;}
.small-head .gnb_li > *:first-child, .is-scroll .gnb_li > *:first-child{height: 60px; line-height: 60px;}
.small-head .gnb_li.on .depth2-menu, .is-scroll .gnb_li.on .depth2-menu{top:100px; padding-bottom: 20px;}
.small-head .nav-search, .is-scroll .nav-search{margin: 0;padding: 10px 7px;}
.small-head #m_menu, .is-scroll #m_menu{margin: 16px 18px;}
.small-head .search-block, .is-scroll .search-block {position: absolute; top:60px}
.small-head .gnb_li.on .depth2-menu:after, .is-scroll .gnb_li.on .depth2-menu:after{ top:60px}/*흰배경*/

.top-util{ position: absolute; top:0; right:0; }
.top-util > div{display: inline-block; vertical-align: top;}


/*
**
**      c o n t e n t s
**
*/
section{ position: relative; margin:6em 0;}
.sub-title{font-size: 1.3em; margin-bottom: .4em; height:auto !important; font-weight: 500;}
.sub-title.exh{font-size: 1.2em; margin-bottom: .4em; height:auto !important; font-weight: 500;line-height:25px}
.float_cont{ position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 2; }
._table{display: table; width: 100%; height: 100%;}
._tc{display: table-cell; vertical-align: middle;}
.f_text{margin-left: 5%; color:#fff; }
.f_middle{font-size: 1em;}
.dist{margin: 20px 0;}

.row {display: table; }
.row .col{ display: table-cell; vertical-align: middle; width: 50%; height: 100%; }
.title-wrap h1{margin: 0; margin-bottom: 1.8em; color:#0074b6 !important; text-align: center; font-weight: 400; letter-spacing: .15px;}
.btn_read_more{display: inline-block;}

.required{position: relative; }
.required:before{ display: inline-block; content: '*'; margin-right: 6px; vertical-align: middle;}

/* animation */
.border-line{ position: relative; transition: color .25s;box-shadow: inset 0 0 0 2px #ddd; }
.border-line:before, .border-line:after{ position: absolute; width:0; height:0; border: 2px solid transparent; content: ''; z-index: 5;}
.border-line:before{ top:0; left:0; }
.border-line:after{ right:0; bottom:0; }
.border-line:hover{color: #999;}
.border-line:hover:before, .border-line:hover:after { width: 100%; height: 100%; box-sizing: border-box;} /*box-sizing: border-box; 중요!*/
.border-line:hover:before {
    border-top-color: #7a689c;
    border-right-color: #7a689c;
    transition: width .25s ease-out, height .25s ease-out .25s; /*width, height 순서대로 선그어짐. 맨뒤숫자는 애니메이션 속도*/
}
.border-line:hover:after {
    transition: border-color 0s ease-out 0.5s, /*Wait for ::before to finish before showing border*/
        width 0.25s ease-out 0.5s, /*And then exanding width*/
        height 0.25s ease-out 0.75s; /*And finally height*/
}
.meet:hover{color:#70787e; }
.meet:after{top:0; left:0; }
.meet:hover:before{ border-top-color: #7a689c; border-right-color: #7a689c; z-index: 5;}
.meet:hover:after{border-bottom-color: #7a689c; border-left-color: #7a689c; z-index: 5;
    transition: /*Animate height first, then width*/
        height 0.25s ease-out,
        width 0.25s ease-out 0.25s;
}

 @keyframes colorchange
    {
      0%   {background: transparent;}
      100% {background: #0074b6;}
    }

#prd-banner .img-wrap img { visibility:hidden; }


/*
**
**      F o o t e r
**
*/
footer{ position: relative; padding: 40px 0; text-align: center; background-color: #161618; color:#fff; vertical-align: bottom;}
footer a{color:#fff;}
footer div[class^="ft-"]{ padding: 14px 0; }
footer div[class^="ft-"]:last-child{ padding-bottom: 0;}
footer div[class^="ft-"] ul li{ display: inline-block; margin-right: 30px; vertical-align: bottom;}
footer div[class^="ft-"] ul li:last-child{margin-right: 0;}

footer li[class^="icon-"] a{display: inline-block;text-align: center;}
footer .ft-sns{margin-bottom: 1.5em;}
footer .ft-sns h2{margin-bottom:1em;}
footer .ft-sns img{margin: 1em 0;}
footer .ft-sns .icon-fb img{ width: 34px;}
footer .ft-sns .icon-yt img{ width:74px;}
footer .ft-sns li{margin-right: 30px;}
footer .ft-logo img{margin: auto;}

/* lightbox */
.sl-overlay{background: #000 !important; opacity: .8 !important;}
.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close, .sl-wrapper .sl-counter{color:#fff !important;}
.sl-wrapper .sl-image{ box-shadow:0 0 16px 1px #0000007d;} 

@media (min-width: 50em){
    .sl-wrapper .sl-navigation button.sl-prev{font-size: 6rem;}
    .sl-wrapper .sl-navigation button.sl-next{font-size: 6rem;}
}


@keyframes rotate {
	0%{ opacity: 0; transform:rotate(0deg);}
	100%{ opacity: 1; content: '-'; transform:rotate(360deg);}
}

/*
**
**      m e d i a q u e r y
**
*/
@media only screen and (max-width:1550px){
   ._container{width: 90%;}
    body{font-size: 14px;}
    #m_menu{display: inline-block; cursor: pointer; }
	.gnb_li:hover > *:before{display: none;} /*모바일 상단 초록바 없애기*/
	.gnb_li.on .depth2-menu:after{display: none; visibility: hidden; opacity: 0;} /*흰배경없애기*/
	#btn_secondary_title{display: block;}
	.sub-menu-wrap.menu-open{ top:0;}

    /* nav open */
    .nav-open #m_menu{background: url(../img/common/btn_close.png) 50% 50% no-repeat; background-size: 90%;}
    [class*="-menu-block"]{ display: block; width: 100%; }
    .nav-open .left-menu-block ._arrow_btm:after{ right: 10px; margin-top: -6px; transform: rotate(-90deg); }
    .gnb_li{width:100%; border-bottom: 1px solid #ddd; text-align:left }
    .gnb_li > *:first-child{ display: block; width: 100%; height: 60px; line-height: 60px;}

	.gnb_li.capability, .gnb_li.about, .gnb_li.contactUs, .gnb_li.study, .gnb_li.lang{position: relative;}
	.gnb_li.capability:after, .gnb_li.about:after, .gnb_li.contactUs:after, .gnb_li.study:after, .gnb_li.lang:after{position: absolute; top: 0; right:10px; height: 60px; line-height: 60px; content: '+'; color:#0074b6; font-size: 1.5em; }
	.gnb_li.capability.on:after, .gnb_li.about.on:after, .gnb_li.contactUs.on:after, .gnb_li.study.on:after, .gnb_li.lang.on:after{animation: rotate .2s; content: '-';}

	.gnb_li .depth2-menu{ height: 0; visibility: hidden; position: static; width: 100%; padding-bottom: 0; text-align:center }
	.gnb_li.on .depth2-menu{ height: auto; visibility: visible; color:#999; margin-left: 30px; }
	.gnb_li.on .depth2-menu a{ height: 35px; line-height: 35px; transition: height .2 ease, line-height .2 ease;}

    #gnb{ display: none; width: 100%; height: auto; background: #fff;}
    .nav-open #gnb{ position: fixed; top:100px; left:0; display: block; height: 100%; overflow-y: scroll;} /*position: absolute;   height: 1000px; height: calc(100vh - 50px); */
	.nav-open .small-head #gnb,
	.nav-open .is-scroll #gnb{top:60px;}
	.small-head #gnb{top:60px;}

    .nav-open .top-util{display: none;}

    /* sub-menu */
    .sub-menu-tertiary-wrap ._list{position: relative; min-height: 110px; padding-left: 170px; text-align: left;}

    .sub-menu-tertiary .tertiary-item,
	.tertiary-back {float: none; width:100%; padding-right: 0;}
    .sub-menu-tertiary .tertiary-item:after {display: block; content: ''; clear: both;}

    .sub-menu-tertiary .tertiary-item .prd-img{padding:0; position: absolute; top:-17px; left:0;}
    .sub-menu-tertiary .tertiary-item .prd-img img{max-width:140px;}
    .sub-menu-tertiary .tertiary-item .prd-spec._arrow_right:after{display: block;margin-top: -27px;}
}

@media only screen and (max-width:1400px){
	section{margin: 4em 0;}
}

@media only screen and (max-width:960px){
	.title-wrap h1{font-size: 1.8em; margin-bottom: 1em;}

    .row .col{display: block; width: 100% !important;}
	.row .col > *{margin: .75em auto;}

    ._tab > ul{border-top: 1px solid #aaa; border-right: 1px solid #aaa; border-left: 1px solid #aaa;}
    ._tab > ul > li{ float: none; width: 100%; background-color: #fff; border-bottom: 1px solid #aaa; padding: 13px;}
    ._tab > ul > li.on{color:#0074b6; background: #eee; border-bottom-color: #aaa;}
    ._tab .cont-wrap{border: 1px solid #aaa; border-top: 0; padding: 40px;}
    ._tab .tab-cont{ display: none; }
    ._tab .tab-cont.on{display: block; }
    form > div{margin-bottom: 5px;}

	.form-control.select { width: 40%; }
}

@media only screen and (max-width:767px){ /* iPad */
	section{margin: 3em 0;}
    body{font-size: 13px;}
    p > span{display: inline}
    #btn_top{right:20px; bottom:20px;}
	footer div[class^="ft-"]{padding: 8px 0;}
	footer .ft-sns img{margin: .6em 0;}
	footer .ft-sns h3{margin-bottom: .5em;}


    /* sub-menu */
    .sub-menu-tertiary-wrap ._list{padding: 13px 0; padding-left: 30px; min-height: auto;}
    .sub-menu-tertiary{padding: 0;}
    .sub-menu-tertiary .tertiary-item,
	.tertiary-back {margin: 0; }
    .sub-menu-tertiary .tertiary-item .prd-img{display: none;}
    .sub-menu-tertiary .tertiary-item .prd-info{display: none;}
    .sub-menu-tertiary .tertiary-item .prd-title{font-size: 1em; font-weight: 600; margin: 0;}

    .sub-menu-tertiary .tertiary-item a { position: relative; display: block; }
    .sub-menu-tertiary .tertiary-item.on a,
    .sub-menu-tertiary .tertiary-item:hover a{color:#fff; background: #0074b6; }
    .sub-menu-tertiary .tertiary-item a:after { position: absolute; top:50%; margin-top: -7px; right: 20px; display: block; width:14px; height:14px; background: url(../img/common/right-arrow.png) 0 0 no-repeat; background-size: cover; content: ''; }
    .sub-menu-tertiary .tertiary-item .prd-spec._arrow_right:after{display: block;margin-top: -7px;}
    .sub-menu-tertiary .tertiary-item .prd-spec:hover:after{ background: url(../img/common/right-arrow-white.png) 0 0 no-repeat;}
    
    .tertiary-back{ display: block !important; }
    #btn_t_back{ display:block; width: 100%; color:#fff; background: #0074b6; font-weight: 600;}
    #btn_t_back:after { position: absolute; top:50%; margin-top: -7px; right: 20px; display: block; width:14px; height:14px; background: url(../img/common/right-arrow-white.png) 0 0 no-repeat; background-size: cover; content: ''; transform: rotate(180deg);}
    #btn_t_back:hover{text-decoration: underline;}

	.left-menu-block.close{display: none;}
	.right-menu-block.close{display: none;}
    .sub-menu-secondary{width:100%;}
	.sub-menu-tertiary-wrap{ width: 100%; display: none;}
	.sub-menu-tertiary-wrap.on{display: block;position: absolute; top:0;left:0;right:0;bottom:0;background:#fff;}
    .sub-menu-tertiary{display: none; width:100%;}
}



@media only screen and (max-width:640px){ 
    /* sub-menu */
    .sub-menu-secondary{width:100%;}
	.sub-menu-tertiary-wrap{ width: 100%; display: none;}
	.sub-menu-tertiary-wrap.on{display: block;}
    .sub-menu-tertiary{display: none; width:100%;}
    ._tab .cont-wrap{padding: 30px;}
	.tertiary-item-wrap .prd-name{padding: 20px 0 4px 30px; font-size: 16px;}
	.tertiary-item-wrap .prd-name:after{left: 30px; bottom:-6px}
}


@media only screen and (max-width:480px){ 
	.title-wrap h1{margin-bottom: .8em;}
    .btn-border{line-height: 40px;}
    /*footer*/

    footer div[class^="ft-"] ul li{margin-right: 20px;}
	._arrow_right:after{margin-top: -6px; right: -15px; width: 13px;height: 12px;}
}