@charset "utf-8";
/* CSS Document */


/*********************************
0. Popup
*********************************/
.popup {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding-top: 130px;
    position: fixed; top: 0; left: 0;
    z-index: 999;
    /*overflow-y:scroll;
    overflow-x: hidden;*/
    display: inline-block;
    /*부드러운 스크롤링을 위한 코드.*/
    overflow-y:scroll;
    /*overflow:scroll;*/
    -webkit-overflow-scrolling:touch;
    /*end*/
}

.popup_wrap {
    display: block;
    background: #333;
    border-radius: 5px;
    width: 100%;
    padding: 35px 20px;
    text-align: center;
}

.popup_title>span {
    display: inline-block;
    background: #f20949;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    font-family: 'NanumSquare';
    border-radius: 5px;
    padding: 10px 20px;
    position: relative;
}

.popup_title>span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #f20949;
    border-bottom: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

.popup_title>a {
    color: #fff;
    font-size: 30px;
    position: absolute; top: 0; right: 0;
}

.popup_title>h3 {
    font-size: 50px;
    font-family: 'NanumSquare';
    font-weight: 800;
    color: #fff;
    margin: 30px 0;
}

.popup_title .flip-clock-wrapper {
    width: 60%;
    margin-top: -15px;
}

.flip-clock-wrapper ul {
    width: 50px;
    height: 70px;
    line-height: 70px;
}

.flip-clock-wrapper ul li a div div.inn {
    font-size: 45px;
}

.flip-clock-divider .flip-clock-label {
    top: 6.5em;
    right: -75px;
}

.flip-clock-divider.hours .flip-clock-label {
    right: -80px;
}

.popup_text {
    display: inline-block;
    margin-top: 25px;
}

.popup_text div img {
    width: 100%;
}

.popup_text a {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    font-family: 'NanumSquare';
    margin-top: 10px;
    padding: 10px 60px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.check_wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
    z-index: 9999;
    width: 650px;
    margin:0 auto;
}

.check_wrap label {
    margin: 0px 0 0 5px;
    font-size: 17px;
    font-weight: 400;
    font-family: 'NanumSquare';
}

.close_bt{position:absolute; top:0; right:0;  width:25px; margin:30px;}
.close_bt>a img{width:100%; height: 100%; cursor:pointer;}

#bt_Ltop{position: absolute;top:0px; right: -37px; width: 80px; margin-top: 98.7%;}
/*#bt_Ltop a {color:#fff; border-radius:4px; background:#0984e3; /padding-right:9%;/ font-size:18px; line-height:45px;}
#bt_Ltop a span {font-size:30px;  vertical-align:middle;}*/

#All_day{ position:absolute; top:0; left:0; margin: 30px 0px 0px 30px; width:30%;}
/*#All_day a{ transition:0.2s; font-weight:normal; font-size:18px; }
#All_day a:hover{ color:#0984e3; }*/

.check_wrap>p img {
    width:100%;
    border-radius: 10px;
}

.check_wrap a {
    color:#fff;
    font-weight:700;
    font-weight:-ms- 900;
    width:100%;
    display: block;
}

.close2 {
    font-size: 15px;
    text-align: center;
    line-height: 0;
}

.close2 img{
    width: 100%;
}
/*********************************m
b2c popup
*********************************/

.popwrap {display: none; position: fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;background:rgba(0,0,0,0.85); z-index:9999; }
.popinner{ width:430px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);/*border-radius:10px;*/overflow:hidden;}
.popwrap>div:first-child{width:100%;}
#popUpimg>p{margin:0;}
#popUpimg>p img{width:100%;}
#bt_pop {width:100%;font-family:"Nanumgothic"; font-size:17px;font-weight:600; background-color:#fff; border:1px solid #bfbfbf;box-sizing: border-box;}
#bt_pop:after{content:""; clear:both; display:block;}
#bt_pop li{transition:0.6s; float:left; width:50%;  text-align: center; }
#bt_pop li:first-child{border-right:1px solid #bfbfbf; box-sizing: border-box;}
#bt_pop li a{display: block; width:100%; height:100%; color:#999; }
#bt_pop li:nth-child(2) a{color:#333;}
#bt_pop li:nth-child(2) span{letter-spacing:5px;}


/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
html,body{
    overflow-x:hidden;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #a5a5a5;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 400;
    color: #76777a;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.tab_text {
    display: none;
}

p:last-of-type {
    margin-bottom: 0;
}

a,
a:hover,
a:visited,
a:active,
a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

p a:hover::after {
    opacity: 0.2;
}

::selection {}

p::selection {}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    color: #384158;
    margin-bottom: 0;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {}

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

/*********************************
3. Header
*********************************/
#topPopUp:after,
#tPCloseBox:after{
    display:block;
    content:"";
    clear:both;
}

#topPopUp{
    position: relative;
    padding: 10px 50px;
}
#tPLogo, #tPInfoBox, #tPCloseBox{
    float: left;
}

#tPLogo{
    width: 13%;
    top:7px;
}

#tPLogo img{
    width: 100%;
    max-width: 120px;
}

#tPInfo{
    width: 768px;
    margin: 0 auto;
}

#tPInfoBox img{
    width: 100%;
    max-width: 768px;
    min-width: 320px;
}

#tPCloseBox{
    width: 15%;
}

#tPCloseBox button{
    background: none;
    border: none;
    outline: none;
}

#tPInfoBox{
    width: 72%;
    margin: 0 auto;
}

#tPCloseWeek, #tPClose{
    float: right;
}
#tPClose{
    position: relative;
    font-size: 0;
}

#tPCloseBtn{
     display:inline-block;
     position:relative;
     width:25px;
     height:25px;
 }

#tPCloseBtn:before{
    content: '';
    position:absolute;
    top:0px;
    left:11px;
    height:25px;
    border: solid;
    border-width: 0 3px 0px 0;
    transform: rotate(45deg);
}

#tPCloseBtn:after{
    content: '';
    position:absolute;
    top:0px;
    left:11px;
    height:25px;
    border: solid;
    border-width: 0 3px 0px 0;
    transform: rotate(-45deg);
}


#tPCloseWeek{
    margin-right: 18px;
    font-size: 18px;
    text-space: -25;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled {
    top: -40px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    background: #333;
}

.header.scrolled .top_bar {}

.top_bar_container {
    width: 100%;
    height: 100%;
}

.top_bar_content {
    width: 100%;
    height: 40px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.question {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}

.top_bar_contact_list li i,
.top_bar_contact_list li>div {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
}

.top_bar_contact_list li>div {
    margin-left: 1px;
}

.top_bar_contact_list li:not(:last-child) {
    margin-right: 21px;
}

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 160px;
    height: 100%;
    background: #f3f3f3;
    text-align: center;
}

.login_button a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    color: #384158;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
    width: 100%;
    background: #FFFFFF;
}

.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled .header_content {
    height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text {
    display: inline-block;
}

.logo {
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.logo img {
    max-width: 100%;
}

.logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.logo_text span {
    color: #14bdee;
}

.header.scrolled .logo {
    width: 40px;
    height: 40px;
}

.header.scrolled .logo_text {
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {}

.main_nav,
.search_button,
.shopping_cart {
    display: inline-block;
}

.main_nav li {
    display: inline-block;
    position: relative;
}

.main_nav li:not(:last-child) {
    margin-right: 44px;
}

.main_nav li a {
    font-size: 18px;
    font-weight: 500;
    color: rgba(51, 51, 51, 0.5);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main_nav li a:hover,
.main_nav li.active a {
    color: #333;
}

.main_nav li.active::after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
    content: '';
}

.search_button {
    margin-left: 46px;
    cursor: pointer;
}

.shopping_cart {
    margin-left: 23px;
    cursor: pointer;
}

.search_button i,
.shopping_cart i {
    font-size: 18px;
    color: #181818;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.search_button:hover i,
.shopping_cart:hover i {
    color: #14bdee;
}

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header_search_container.active {
    bottom: -73px;
    opacity: 1;
}

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {}

.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger i, .talk_cs i {
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.hamburger:hover i {
    color: #14bdee;
}

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 60px;
    padding-top: 87px;
    padding-left: 50px;
}

.menu .logo a {
    color: #000000;
}

.menu.active {
    right: 0;
}

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}

.menu_close div {
    width: 100%;
    height: 2px;
    background: #232323;
    top: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_close div:last-of-type {
    -webkit-transform: rotate(90deg) translateX(-2px);
    -moz-transform: rotate(90deg) translateX(-2px);
    -ms-transform: rotate(90deg) translateX(-2px);
    -o-transform: rotate(90deg) translateX(-2px);
    transform: rotate(90deg) translateX(-2px);
    transform-origin: center;
}

.menu_close:hover div {
    background: #937c6f;
}

.menu .logo {
    margin-bottom: 60px;
}

.menu_nav ul li {
    margin-bottom: 9px;
}

.menu_nav ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    letter-spacing: 0.1em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.menu_nav ul li a:hover {
    color: #14bdee;
}

.menu .search {
    width: 100%;
    margin-bottom: 67px;
}

.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.menu .header_search_form {
    width: 100%;
}

.search form {
    position: relative;
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.5);
}

.menu .search_input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

.menu .search_input::input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title_container {
    max-width: 600px;
    margin: 0 auto;
}

.section_title {
    line-height: 1.2;
}

.section_subtitle {
    line-height: 1.85;
    margin-top: 14px;
}

.section_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********************************
6. Home
*********************************/

.home {
    width: 100%;
    height: 500px;
    /*
    background: url(/b2c/images/main/main_visual.png) no-repeat center;
    background-color: #f3efee;
*/
    margin-top: 130px;
    /*  background-image: url(../images/main/main_visual.png);*/
}

.home_slider_container,
.home_slider_background {
    height: 100%;
}
.home_slider_background>a{
    display: block;
    width:100%;
    height:100%;
}

/*.home_slider_container
{
    width: 100%;
    height: 100%;
}
.home_slider
{
    width: 100%;
    height: 100%;
}
.home_slider_background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.home_slider_content
{
    position: absolute;
    top: 41%;
    left: 0;
    width: 100%;
    height: auto;
}
.home_slider_title
{
    font-family: 'Roboto Slab', serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    color: #384158;
}
.home_slider_subtitle
{
    font-size: 24px;
    color: #76777a;
    margin-top: 9px;
}
.home_slider_form_container
{
    width: 832px;
    margin: 0 auto;
    margin-top: 35px;
}
.home_search_form div
{
    width: calc(100% - 140px);
    height: 46px;
    background: #FFFFFF;
    border-radius: 3px;
}
.home_search_input
{
    width: 33.33333333%;
    border: none;
    outline: none;
    height: 25px;
    padding-left: 20px;
}
.home_search_input:not(:last-child)
{
    border-right: solid 1px #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
} 
.home_search_input:-ms-input-placeholder
{ 
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}
.home_search_input::input-placeholder
{
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}
.dropdown_item_select
{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}
.home_search_button
{
    width: 120px;
    height: 46px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}
.home_slider_nav
{
    position: absolute;
    top: 55.8%;
    width: 50px;
    background: #b6b7bd;
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.home_slider_prev
{
    left: 75px;
}
.home_slider_next
{
    right: 75px;
}
.home_slider_nav i
{
    line-height: 50px;
    color: #FFFFFF;
    font-size: 22px;
}
.home_slider_nav:hover
{
    background: #14bdee;
}*/

/*********************************
6-1. B2B Home
*********************************/


.super_container>div:nth-child(7) {
    width: 100%;
    height: auto;
    margin-top: 130px;
    transition:1s;/*background-color: #f3efee;*/
}

.home {
    background: url(/images/main/main_visual.png) no-repeat center;
}
.home_hanatour {
    background: url(/images/main/home_hanatour.png) no-repeat center;
}
.home_ccourt {
    background: url(/images/main/home_ccourt.png) no-repeat center;
}
.home_wando {
    background: url(/images/main/home_wando.png) no-repeat center;
}
.home_poscoky {
    background: url(/images/main/home_poscoky.png) no-repeat center;
}
.home_klc {
    background: url(/images/main/klc.png) no-repeat center;
}
.home_koreanair {
    background: url(/b2c/images/b2bImg/koreanair.png) no-repeat center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 100%;
}
/*********************************
7. Features
*********************************/
.features>.container>.features_row{
    margin-bottom:96px;
}

.features {
    width: 100%;
    background: #FFFFFF;
    padding: 96px 0;
    padding-top: 110px;

}

.feature_col {
    flex: 0 0 33%;
    max-width: 33%;
}


.feature {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF;
}


.feature_icon img {
    max-width: 75px;
    height: 75px;

}

.feature_title {
    position: relative;
    font-size: 20px;
    margin-top: 23px;
    margin-bottom: 16px;
    color: #333;
    font-family: 'NanumSquare';
    font-weight: 700;
}

.feature_text p {
    font-family: 'Nanum';
    color: #76777a;
    margin-bottom: 0;
    font-size: 13px;
}

/*********************************
8. events
*********************************/
.events {
    background: url(/b2c/images/main/bg_events.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    padding: 96px 0;
    display: none;
}

.events:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: #0984e3;
    opacity: 0.7;
}


.event_title {
    text-align: center;

}

.event_title h2 {
    color: #ffba00;
    font-family: "tvNB";
    font-size: 80px;
    margin-bottom: 18px;
}

.flip-clock-wrapper {
    width: 54%;
    margin: auto;
}

.flip-clock-divider .flip-clock-label {
    top: 8.5em;
    color: #fff;
    font-size: 13px;
    font-family: 'Nanum';
    text-transform: uppercase;
}

.box_ticket {
    background: url(/b2c/images/main/ticket_bg.png) no-repeat center 0;
    text-align: center;
    margin-top: 72px;
    padding: 40px 0;
}

.box_ticket h5 {
    font-size: 25px;
    font-family: 'NanumSquare';
    font-weight: 800;
    text-decoration: underline;
    color: #333;
}


/*********************************
9.cooment
*********************************/
.comment .conbox, .category .conbox{
    padding-top: 0px;
}

.conbox {
    padding-bottom: 96px;
    padding-top: 136px;
}

.phone .conbox {
    padding-bottom: 96px;
    padding-top: 40px;
}

.con_title {
    text-align: center;
}

.con_title p {
    font-size: 45px;
    color: #333;
    font-family: 'NanumSquare';
    font-weight: 800;
    text-align: center;
    margin-bottom: 18px;
    display: inline-block;

}

.con_text {
    font-size: 17px;
    font-family: 'NanumSquare';
    color: #76777a;
    text-align: center;
    line-height: 34px;

}

.conbox .mobile_text {
    display: none;
}

.box_comment {
    margin-top: 72px;
}

.slider_comment {
    margin-bottom: 37px;
}

.slider_comment .slick-slide img {
    margin: auto;
}


.slider_img .slick-slide {
    padding: 0px;
}

.slider_img .slick-slide img {
    width: 100%;
}

.slider_img .slick-list {
    overflow: visible;
}


.slider_img .slick-slide:not(.slick-center) {
    transform: scale(0.7);
    margin-top: 30px;
}



/*********************************
10. category
*********************************/
.course_tabs_container {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.tab,.tab2 {
    width: 75px;
    display: inline-block;
    height: 40px;
    font-size: 16px;
    color: rgba(51, 51, 51, 0.5);
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 800;
    font-size: 20px;
    padding: 0 10px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.tab:last-of-type,
.tab2:last-of-type {
    margin: 0;
}

.tab.active,
.tab2.active {
    color: #333;
}

.tab.active:after,
.tab2.active:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #333;
    display: block;
    margin-top: -5px;
}



.tab_panel,
.tab_panel2 {
    display: none !important;
    width: 100%;
    height: 100%;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    padding-top: 30px;
}



/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.tab_panel.active,
.tab_panel2.active {
    display: block !important;
}


.con_category li {
    width: 230px;
    height: 230px;
    overflow: hidden;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}

.en_category li:nth-of-type(3n+3) {
    margin-right: 0;
}

.con_category li a img {
    width: 100%;
}

.en_category {
    width: 68.2%;
    margin: auto;
    text-align: left;
}

.cn_category,
.jn_category {
    width: 50%;
    margin: auto;
}




/*end : original tab menu*/

/*********************************
11. phone
*********************************/
.phone {
    background: #333;
    padding: 96px 0;
}

.bg_phone {
    text-align: center;
    padding-bottom: 30px;
}

/*.phone .col-lg-7{
        width: 58%;
        flex: 0 0 58%;
    }*/

.img_clip {
    position: absolute;
    left: 90px;
    top: 0;
    width: 290px;
}

.img_clip .slick-prev,
.img_clip .slick-next {
    position: absolute;
    top: 50%;
    background: url(/b2c/images/main/arrow.svg);
    -webkit-background-size: cover;
    background-size: cover;
    text-indent: -9999px;
    border: none;
    width: 30px;
    height: 35px;
    margin-top: -17.5px;
}

.img_clip .slick-prev {
    left: -50px;
    transform: rotate(-180deg);

}

.img_clip .slick-next {
    right: -50px;
}


.img_clip .slick-dots li {
    display: inline-block;
    text-indent: -9999px;
    width: 5px;
    height: 5px;
    background: #999;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
}

.img_clip .slick-dots li.slick-active {
    background: #fff;
}

.img_clip .slick-dots li:last-of-type {
    margin-right: 0;
}

.conbox3 .con_title {
    text-align: left;
}

.conbox3 .con_title p {
    color: #fff;
    margin-bottom: 0;

}

.con_clip {
    margin-top: 64px;
    padding: 32px 0;
}

.con_clip:after {
    width: 50px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    background: #fff;

}


.con_clip div h6 {
    color: #fff;
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 700;
    margin-bottom: 32px;


}

.con_clip div p {
    font-size: 17px;
    color: #fff;
    font-family: 'NanumSquare';
    font-weight: 400;
    width: 420px;

}

.recent_clip {
    text-align: center;
    padding-top: 48px;
}

.recent_clip h4 {
    color: #fff;
    font-size: 25px;
    font-family: 'NanumSquare';
    font-weight: 800;
    margin-bottom: 42px;
}

.recent_clip h4 span {
    color: #ffba00;
}

.clip_list {
    overflow: hidden;
    border-radius: 5px;
    width:100%;
    margin:0 auto;
}

.clip_list li {
    float: left;
}

.clip_list li a {
    width: 195px;
    display: block;
}

.clip_list li a img {
    width: 100%;
}

/*********************************
12. lecture
*********************************/
.conbox4,
.conbox5,
.conbox6 {
    padding-top: 76px;
}

.link_lec {
    text-align: center;
    margin: 40px 0;
}

.link_lec li {
    display: inline-block;
    margin-right: 70px;
    font-size: 17px;
    color: #0984e3;
    font-family: 'NanumSquare';
}

.link_lec li:last-of-type {
    margin-right: 0;
}



.tab2 {
    width: 106px;
}

.box_tab {
    text-align: center;
}

.box_tab h4 {
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 800;
    color: #333;
    margin-bottom: 32px;
}


.tab_panel2 {
    padding-top: 24px;
}

.list_lecture li {
    display: inline-block;
    text-align: left;
    margin-right: 19px;
}

.list_lecture li:last-of-type {
    margin-right: 0;
}

.list_lecture li img {
    display: block;
    border-radius: 5px;
    width: 260px;
}

.list_lecture li span {
    color: #76777a;
    font-size: 13px;
    font-family: 'Nanum';
    padding: 16px 0 8px;
    display: block;
}

.lec_title {
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 800;
    color: #333;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100px;
    overflow: hidden;
    width: 260px;

}

/*********************************
13. price
*********************************/

.price {
    background: #f3efee;
    text-align: center;
}

.box_price {
    margin-top: 49px;
}

/*dicountevt start*/
.card_price>.dicountevt{
    padding-bottom: 13.5px;
    position: relative;
}

.card_price .dicountevt p:first-of-type {
    margin-bottom:13.5px;
}
.card_price>.dipercent{
    position: absolute;
    top: -40px;
    right: -40px;
    background: none;
    margin-bottom: 0px;
}
.card_price>.dipercent img{
    width:100%;
}

/*dicountevt End*/

.card_price {
    padding: 0 15px;

}

.card_price div {
    background: #fff;
    text-align: center;
    padding-bottom: 32px;
}

.card_price div p:first-of-type {
    background: #f53b57;
    font-size: 30px;
    font-family: 'NanumSquare';
    font-weight: 800;
    color: #fff;
    margin-bottom: 32px;
}

.card_price:nth-of-type(2) div p:first-of-type {
    background: #ffa800;
}

.card_price:nth-of-type(3) div p:first-of-type {
    background: #04c56b;
}

.card_price:nth-of-type(4) div p:first-of-type {
    background: #0984e3;
}

.card_price div>span {
    color: #76777a;
}

.card_price div>span:first-of-type {
    text-decoration:line-through;
    -ms-text-shadow:none;
    font-size: 25px;
}

.card_price div>p:nth-of-type(2) {
    color: #333;
    font-size: 25px;
    font-weight: 400;
    font-family: 'NanumSquare';
    letter-spacing: -2px;
    line-height: 55px;
}

.card_price div>p:nth-of-type(2) span {
    font-size: 50px;
    font-weight: 800;
    color: #f53b57;
}

.card_price:nth-of-type(2) div p:nth-of-type(2) span {
    color: #ffa800;
}

.card_price:nth-of-type(3) div p:nth-of-type(2) span {
    color: #04c56b;
}

.card_price:nth-of-type(4) div p:nth-of-type(2) span {
    color: #0984e3;
}


.conbox5 a,
.form_contact form a {
    display: inline-block;
    font-size: 17px;
    font-weight: 800;
    font-family: 'NanumSquare';
    color: #fff;
    background: #333;
    border-radius: 25px;
    width: 220px;
    line-height: 45px;
    height: 45px;
    margin-top: 56px;

}

.conbox5 a i {
    margin-left: 5px;
}


/*********************************
14. contact us
*********************************/
.contact {
    padding-bottom: 96px;
}

.conbox6 {
    padding-bottom: 32px;
}

.box_contact ul li {
    text-align: center;
    display: inline-block;
    background: #f3efee;
    border-radius: 5px;
    width: 48%;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 23.5px 24px;
}

.box_contact ul li:nth-of-type(5),
.box_contact ul li:nth-of-type(6){
    margin-bottom:0px;
}

.box_contact ul li:nth-of-type(2n+2) {
    margin-right: 0;
}

.box_contact ul li:nth-of-type(2) img {
    width: 40px;
}

.box_contact ul li img {
    width: 100%;
    height: 35px;
    margin-bottom: 8px;
}

.box_contact ul li p {
    font-size: 17px;
    color: #333;
    font-weight: 400;
    font-family: 'NanumSquare';
}

.box_contact ul li p>span {
    color: #0984e3;
    display: block;
    font-size: 17px;
    font-weight: 800;
    line-height: 15px;

}

.box_contact ul li p>span span {
    display: inline-block;
}

.form_contact {
    text-align: center;
}

.form_contact form input,
.form_contact form textarea {
    width: 100%;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    height: 40px;
    padding: 0 15px;
    resize: none;
    -webkit-appearance: none;
}

.form_contact form textarea {
    height: 310px;
    margin-top: 20px;
    padding-top: 15px;
}

.form_contact form a {
    margin-top: 16px;
}

.form_contact textarea::placeholder,
.form_contact form input::placeholder {
    color: #ababab;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ababab;

}


/***********************************
Main playlist
********************************/

.m_playlist {
    background: #f3efee;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.m_playlist:after {
    position: absolute;
    content: '';
    background: #e8e0de;
    width: 900px;
    height: 900px;
    top: 50%;
    left: 50%;
    margin-left: -460px;
    margin-top: -455px;
    border-radius: 50%;
    z-index: 1;
}

.conbox.conbox7 {
    z-index: 2;
    padding-top: 96px;
}

.conbox7 .con_title p {
    display: block;
    margin-bottom: 0;
    line-height: 60px;
}

.conbox7 .con_title p:last-of-type {
    margin-bottom: 18px;
    line-height: 1.85;
}

.con7 img {
    width: 70%;
}


/*********************************
12. slider popup
*********************************/



.popup_mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;

}

/******************************************************/
.wrap_pop_slider{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    /*overflow: hidden;*/


}
.pop_slider{
    width: 430px;
}
.pop_slider img{
    width: 100%;
}

.pop_slider .slick-list{
    border-radius: 10px;
    overflow: hidden;

}

.pop_slider .slick-arrow{
    top: 50%;
    background: url(/b2c/images/main/arrow.svg);
    -webkit-background-size: cover;
    background-size: cover;
    text-indent: -9999px;
    border: none;
    width: 30px;
    height: 35px;
    margin-top: -17.5px;
    right: -50px;
}

.pop_slider .slick-prev{
    left: -50px;
    transform: rotate(-180deg);
}
.pop_slider .slick-dots {
    text-align: center;
}
.pop_slider .slick-dots li.slick-active{
    background: #fff;
}
.pop_slider .slick-dots li{
    display: inline-block;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    background: #999;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 15px;
    cursor: pointer;
}



.sliderPop-close,
.sliderPop-close:hover {

    color: #fff;
    text-decoration: none;
    font-size: 15px;
    float: right;
    text-align: right;

}

.sliderPop-close2:hover,
.sliderPop-close2 {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    float: left;


}
/*********************************
14. Footer
*********************************/

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: #333;
    padding-top: 94px;
}

.footer_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer_content {
    padding-bottom: 53px;
}

.footer_logo_text {
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_logo_text span {
    color: #14bdee;
}

.footer_title {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 0.75;
}

.footer_logo_container {
    margin-top: -14px;
}

.footer_about_text {
    margin-top: 31px;
}

.footer_about_text p {
    color: #FFFFFF;
}

.footer_social {
    margin-top: 23px;
    margin-bottom:21px;
}

.footer_social ul li {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #4b505d;
    border-radius: 50%;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_social ul li:not(:last-child) {
    margin-right: 6px;
}

.footer_social ul li a {
    display: block;
    position: relative;
    text-align: center;
}

.footer_social ul li a i {
    color: #FFFFFF;
    line-height: 45px;
}

.footer_social ul li:hover {
    background: #14bdee;
}

.footer_contact {
    padding-left: 36px;
}

.footer_contact_info {
    margin-top: 25px;
}

.footer_contact_info ul li {
    font-size: 14px;
    font-weight: 400;
    color: #b5b8be;
}

.footer_contact_info ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_section{
    transition: 1s;
    -webkit-transition: 1s;
}

.footer_links {
    padding-left: 80px;
}

.footer_links_container ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.footer_links_container {
    margin-top: 33px;
}

.footer_links_container ul li a {
    font-size: 14px;
    color: #b5b8be;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_links_container ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_mobile {
    display: inline-block;
    float: right;
}

.footer_mobile_content {
    padding-top: 35px;
}

.footer_image:not(:last-child) {
    margin-bottom: 10px;
}

.copyright {
    height: 54px;
    border-top: solid 1px #353a49;
}

.cr_list li {
    display: inline-block;
}

.copyright div {
    font-size: 14px;
    color: #b5b8be;
}

.cr_text a {
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_text a:hover {
    color: #14bdee;
}

.cr_list li:not(:last-child) {
    margin-right: 50px;
}

.cr_list li a {
    font-size: 14px;
    color: #b5b8be;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.cr_list li a:hover {
    color: #14bdee;
}
.super_container>div:nth-child(7) {
    width: 100%;
    height: 500px;
    margin-top: 130px;
    transition:1s;
}
/*********************************
15. media
*********************************/

@media only screen and (max-width: 1650px) {
    #tPCloseBox{
        top: 0.67vw;
    }
    #tPCloseWeek{
        margin-right: 1vw;
    }
}

@media only screen and (max-width: 1590px) {
    #tPLogo {
        top: 0.2vw;
    }
}

@media only screen and (max-width: 1296px){
    #tPCloseWeek{
        font-size: 1.3vw;
    }
}
@media only screen and (max-width: 1216px) {
    .clip_list {
        overflow: hidden;
        border-radius: 5px;
        width: 585px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1200px) {
    #tPLogo, #tPCloseWeek{
        display: none;
    }

    #tPInfoBox{
        width: 98%;
    }
    #tPInfo{
        width: 88%;
    }
    #tPCloseBox{
        width: 2%;
    }
    #topPopUp {
        padding: 10px 20px;
    }
    .super_container>div:nth-child(7) {
        width: 100%;
        /* height: auto; */
        margin-top: 130px;
    }
    .con7 img {width: 100%;}
    .features>.container>.features_row {/* width: 100%; *//* margin: 0 auto; */margin-bottom: 64px;}
    .feature_col {/* max-width: 30.58%; *//* margin-right: 2.75%; */}
    .col-sm-12, .col-md-4, .col-lg-4{/* padding-left: 0px; *//* padding-right: 0px; */}
    .feature {width: 100%; padding-left: 0px; padding-right: 0px; background: #FFFFFF;}

    .home {
        margin-top: 165px;
    }

    .flip-clock-wrapper {
        width: 67%;
    }

    .en_category {
        width: 88.5%;
        text-align: center;
    }

    .cn_category,
    .jn_category {
        width: 68.2%;
        margin: auto;
    }

    .img_clip {
        left: 86px;
    }
    .con_clip div p{
        width: 460px;
    }
    .clip_list {
        width:65.05%
    }

    .clip_list li a{
        width: 250px;
    }
    .card_price div p:first-of-type{
        font-size: 25px;
    }
    .box_contact ul li{
        width: 47%;
    }

    .box_contact ul li p {
        font-size: 1.2vw;
    }

    .box_contact ul li p span{
        font-size: 1.2vw;
    }
}

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

    /*dicountevt start*/
    .card_price>.dipercent img{
        width:78%;
    }
    .card_price>.dipercent{
        top: -30px;
        right: -40px;
    }
    .card_price .dicountevt p:first-of-type {
        margin-bottom: 13.5px;
    }
    .card_price div>p:nth-of-type(2) {
        line-height: 45px;
    }
    /*dicountevt End*/

    .super_container>div:nth-child(7) {
        margin-top: 165px;
    }

    .img_clip{
        left: 40px;
    }

    .conbox3{
        margin-left: 40px;
    }
    .clip_list {
        width: 80.8%;
    }
    .list_lecture li img,
    .lec_title{
        width: 200px;
    }

    .card_price div>p:nth-of-type(2) span{
        font-size:39px
    }
}


/*아이패드 프로*/
@media only screen and (max-width: 1024px) and (height:1366px){
    .con7 img {width: 100%;}
    .conbox .pc_text {display: none;}
    .conbox .mobile_text { display: block; }
    .popinner {width:70%;}
    .close_bt{margin:35px; width: 30px; height:30px;}
    #bt_Ltop{right: -65px; width: 145px; margin-top:127.57%;}
    #bt_pop li:nth-child(2) span{letter-spacing:10px;}
    /*#bt_Ltop a { font-size:28px; line-height: 80px; }
    #bt_Ltop a span{font-size: 57px;}*/
    #All_day {margin: 31px 0 0 35px;}
    #bt_pop {font-size: 17px;}
    /*main visual slider*/
    .owl-prev{position:absolute; right:calc(100% - 13vw);}
    .owl-next{position:absolute; left:calc(100% - 13vw);}
    .owl-theme .owl-nav [class*='owl-']{font-size: 85px;}
}

@media only screen and (max-width: 1024px) {
    .con7 img {width: 100%;}
    .feature_col {/* max-width: 31.5%; *//* margin-right:2.75%; */}
    .features>.container>.row>div:last-child{margin-right:0%;}
    .features>.col-lg-4, .col-md-4, .col-sm-12{/* padding:0; */}
    .features .feature{padding:0;}
    .features .feature>a>img{width:100%;}
    /*#bt_Ltop a { padding-right:0;}*/
    .close_bt{margin:30px;}


    .super_container>div:nth-child(7) {
        background-size: auto 100%;
        margin-top: 165px;
    }

    .popup_title .flip-clock-wrapper {width: 84%;}
    .popup_text div {float: left;}

}


@media only screen and (max-width: 991px) {
    /*dicountevt start*/
    .card_price>.dicountevt{
        padding-bottom: 11.5px;
    }

    .card_price .dicountevt p:first-of-type {
        margin-bottom:11.5px;
    }
    .card_price>.dipercent img{
        width:78%;
    }
    .card_price>.dipercent{
        /*-30px;*/
        right: -60px;/*-54px;*/
    }
    .card_price div>p:nth-of-type(2) {
        line-height: 35px;
    }
    /*dicountevt End*/

    .feature_col {/* max-width: 30.1%; *//* margin-right: 4.85%; */}
    .features>.container {padding: 0;width: 84%;margin: 0 auto;}
    .features>.container>.row>div:last-child{margin-right:0%;}
    .features>.col-lg-4, .col-md-4, .col-sm-12{/* padding:0; */}
    .features .feature{padding:0;}
    .features .feature>a>img{width:100%;}

    .en_category {width: 100%;}

    .con_category li {
        width: 180px;
        height: 180px;
    }

    .img_clip {
        left: 0px;
    }
    .con_title p{
        font-size: 40px;
        display: inline;
        margin-bottom: 0;
        line-height:50px;
        width:100%;
    }
    .con_clip div p{
        width: 335px;
    }

    .clip_list {
        width:100%;
    }

    .clip_list li a{
        width: 230px;
    }
    .phone {
        background: #333;
        padding-top:93px;
        padding-bottom:105px;
    }

    .conbox3{
        margin-left: 52px;
    }

    .link_lec li{
        margin-right: 25px;
    }
    .tab_panel2{
        padding-left: 0;
        padding-right: 0;
    }
    .list_lecture li{
        margin-right: 15px;
    }

    .list_lecture li img, .lec_title {
        width: 158px;
    }
    .card_price div{
        padding-bottom: 24px;
    }

    .card_price{
        padding: 0 10px;
    }
    .card_price div p:first-of-type{
        font-size: 20px;
        margin-bottom: 24px;

    }
    .card_price div > span:first-of-type{
        font-size: 17px;
    }
    .card_price div > p:nth-of-type(2) span{
        font-size: 26px;
    }
    .popup_title .flip-clock-wrapper {width: 94%;}
    .cr_list {margin-top: 0px;}

    .box_contact ul li p,
    .box_contact ul li p span {
        font-size: 1.3vw;
    }
    .box_contact ul li {
        float: left;
        height: 170px;
    }
}

/*아이패드*/
@media only screen and (max-width: 768px) and (height: 1024px) {
    .con7 img {width: 100%;}
    .conbox .pc_text {display: none;}
    .conbox .mobile_text { display: block; }
    .pClose_bt{width: 32px; margin:32px; }
    .close_bt{margin:30px; width: 32px; height:32px;}
    .popinner{width: 70%;}
    .features>.container>.row>div:last-child{margin-right:0%;}
    #bt_Ltop{right: -59px; width: 120px; margin-top: 98.5%;}
    #bt_pop li:nth-child(2) span{letter-spacing:5px;}
    #bt_pop {font-size: 15px;}
    /*#bt_Ltop a { font-size:25px; line-height: 65px; }
    #bt_Ltop a span{font-size: 45px;}*/
    .col-sm-7{
        -ms-flex:58.133333;
        flex:58.133333;
        max-width:58.133333;
    }

    /*main visual slider*/
    .owl-prev{position:absolute; right:calc(100% - 13vw);}
    .owl-next{position:absolute; left:calc(100% - 13vw);}
    .owl-theme .owl-nav [class*='owl-']{font-size: 70px;}
}

@media only screen and (max-width: 768px) {
    .home_slider_background {background-size:cover;}
    .feature_col {/* max-width: 30.62%; *//* margin-right: 4.07%; */}
    .features>.container>.row>div:last-child{margin-right:0%;}
    .features>.container{padding:0; margin:0 auto; }
    .features>.col-lg-4, .col-md-4, .col-sm-12{/* padding:0; */}
    .features .feature{padding:0;}
    .features .feature>a>img{width:100%;}


    /*.sandollB{margin-top:5%;}botom은 common.css*/
    .footer_title{padding-top:7%;}
    .footer_contact>.footer_title{padding-top:0%;}

    .home {
        margin-top: 165px;
        -webkit-background-size: cover;
        background-size: cover;
        height: 400px;
        -webkit-background-origin: center center;
        background-origin: center center;
    }

    .features,
    .events,
    .conbox {
        padding: 64px 0;
        padding-top: 64px;
    }
    .features{
        padding-top:80px;
        padding-bottom: 0px;
    }
    .conbox.conbox4,
    .conbox.conbox5,
    .conbox.conbox6{
        padding-top: 64px;
    }

    .feature {
        padding: 0;

    }

    .feature_icon img {
        width: 60px;
        height: 60px;
    }

    .feature_title {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 8px;
    }

    .feature_text p {
        font-size: 13px;
    }

    .flip-clock-wrapper {
        width: 90%;
    }

    .con_title p {
        font-size: 35px;
        margin-bottom: 32px;
    }

    .con_text {
        font-size: 14px;
        line-height: 25px;

    }

    .box_comment {
        margin-top: 55px;
        padding-left: 15px;
    }

    .slider_img .slick-slide:not(.slick-center) {
        margin-top: 20px;
    }

    .slider_comment .slick-slide img {
        width: 50%;

    }

    .con_category li {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .bg_phone {
        width: 80%;
        margin: auto;
    }

    .bg_phone img {
        width: 100%;
    }

    .img_clip {
        width: 216px;
    }



    .img_clip .slick-prev,
    .img_clip .slick-next {
        width: 26px;
        height: 26px;
        margin-top: -26px;
    }

    .img_clip .slick-prev {
        left: -35px;
    }

    .img_clip .slick-next {
        right: -35px;
    }

    .conbox3{
        margin-left: 0;
    }

    .con_clip{
        margin-top: 40px;
    }

    .con_clip  div h6{
        font-size: 20px;
    }

    .con_clip div p{
        width: 360px;
        font-size: 15px;
    }
    .recent_clip h4{
        font-size: 20px;
    }

    .clip_list {
        width: 80.8%;
    }

    .clip_list li a{
        width: 185px;
    }
    .link_lec li{
        font-size: 14px;
        margin-right:30px;
    }
    .tab_panel2{
        padding-left: 0;
        padding-right: 0;
    }
    .list_lecture li{
        margin-right: 15px;
    }
    .list_lecture li img, .lec_title{
        width: 158px;
    }

    .conbox6{
        padding-bottom: 16px;
    }

    .box_contact ul li{
        padding: 16px;
    }

    .box_contact ul li p{
        font-size: 13px;
    }
    .box_contact ul li p span{
        font-size: 15px;
    }
    .form_contact form textarea{
        height: 310px;
    }
    .form_contact form a{
        width: 100%;
    }
    .popup {display: inline-block; /*margin-top: 25px;*/}
    .popup_text div {width: 50%;}
    .popup_title .flip-clock-wrapper {width: 69%;}
    .popup_title > h3 {font-size: 40px;}

    .flip-clock-wrapper ul {
        width: 38px;
        height: 60px;
        line-height: 60px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 40px;
    }

    .flip-clock-divider .flip-clock-label {
        top: 6em;
        right: -70px;
    }

    .flip-clock-divider.hours .flip-clock-label {
        right: -70px;
    }
    .flip-clock-divider.minutes .flip-clock-label, .flip-clock-divider.seconds .flip-clock-label {
        right: -80px;
    }

    .popup_text div img {width: 100%;}
    .popup_text a {display: inline-block;
        color: #fff;
        font-size: 17px;
        font-weight: 800;
        font-family: 'NanumSquare';
        margin-top: 10px;
        padding: 10px 60px;
        border-radius: 5px;
        border: 1px solid #fff;
    }

}



/*갤럭시탭*/
/*모바일과 pc간의 차이*/
@media only screen and (max-width: 767px) and (height:968px) {

    /*dicountevt start*/
    .card_price>.dicountevt{
        padding-bottom: 11.5px;
    }

    .card_price .dicountevt p:first-of-type {
        margin-bottom:11.5px;
    }
    .card_price>.dipercent img{
        width:78%;
    }
    .card_price>.dipercent{
        top: -11px;
        right: -38px;
    }
    .card_price div>p:nth-of-type(2) {
        line-height: 55px;
    }
    /*dicountevt End*/

    .con7 img {width: 100%;}
    .conbox .pc_text {display: none;}
    .conbox .mobile_text { display: block; }
    /*.super_container>div:nth-child(7) {margin-top:125px;}*/
    .close_bt{margin:27px; width: 25px;}
    .popinner{width:72%;}
    #bt_Ltop{right: -54px; width: 110px; margin-top: 98.5%;}
    #bt_pop {font-size:15px;}
    #bt_pop li:nth-child(2) span{letter-spacing:5px;}
    /*#bt_Ltop a {font-size:20px; line-height: 60px; }
    #bt_Ltop a span{font-size:45px;}*/
    #All_day {margin: 28px 0 0 25px;}

}

@media only screen and (max-width: 767px) {
    /*dicountevt start*/
    .card_price>.dipercent{
        top: -6px;
        right: -43px;
    }
    /*dicountevt End*/
    .super_container>div:nth-child(7) {margin-top:125px;}

    .conbox .pc_text {
        display: none;
    }

    .conbox .mobile_text {
        display: block;
    }
    .tab_text {display: block;}

    .feature_col {max-width: 30%; margin-bottom:2%;}
    .features>.container>.row>div:last-child{margin-bottom:0%;}
    .features>.container{padding:0; margin:0 auto; }
    .features>.col-lg-4, .col-md-4, .col-sm-12{padding:0;}
    .features .feature{padding:0;}
    .features .feature>a>img{width:50%;}
    .check_wrap {width: 100%;}
    .header.scrolled { top: -1px;}
    .home {
        height: 300px;
        margin-top: 125px;
    }

    .features,
    .events,
    .conbox {
        /* padding-bottom: 64px; */
    }

    .feature_col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .feature {
        display: flex;
        /*align-items: center;*/

    }

    .feature_title{
        margin-top: 0;
    }


    .feature div {
        float: left;
    }

    .feature>div:first-of-type {
        width: 30%;
    }

    .feature>div:last-of-type {
        width: 65%;
        text-align: left;
    }

    .conbox.conbox4,.conbox.conbox5{
        padding-bottom: 64px;
    }

    .conbox.conbox2{
        /* padding: 64px 0 44px; */
    }

    .event_title h2 {
        font-size: 70px;
    }

    .con_title p{
        font-size: 30px;
    }

    .flip-clock-wrapper {
        width: 100%;
    }

    .flip-clock-wrapper ul {
        width: 45px;
        height: 75px;
        line-height: 75px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 60px;
    }

    .flip-clock-divider .flip-clock-label {
        top: 7.5em;
        right: -75px;
    }

    .flip-clock-divider.hours .flip-clock-label {
        right: -80px;
    }

    .con_category li {
        width: 134px;
        height: 134px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .en_category {
        width: 100%;
    }

    .img_clip {
        width: 100%;
    }
    .phone {
        background: #333;
        padding-top:76px;
        padding-bottom:89px;
    }

    .conbox.conbox3{
        padding-bottom:5%;
    }

    .conbox3 .con_title p {
        line-height: 45px;
    }


    .clip_list {
        width: 80.8%;
    }

    .clip_list li a{
        width: 170px;
    }

    .con_clip{
        margin-top: 32px;

    }


    .con_clip div h6{
        margin-bottom: 16px;
    }
    .slick-track>.slick-slide {padding-right:10px;margin-right:10px;}

    .bg_phone .slick-slide{padding-right:0px;margin-right:0px;}


    .con_clip div p{
        width: 100%;
        font-size: 13px;
    }

    .recent_clip h4{
        font-size: 20px;
    }

    .link_lec{
        display: none;
    }
    .box_tab{
        margin-top: 32px;
    }
    .box_tab h4{
        font-size: 25px;
    }
    .link_lec li{
        margin-bottom: 10px;
    }

    .link_lec li:nth-of-type(2n+2){
        margin-right: 0;
    }

    .list_lecture li a{

        display: flex;
        align-items: center
    }



    .list_lecture li a img{
        float: left;
        margin-right: 20px;
    }


    .list_lecture li a > div{
        float: left;
    }

    .list_lecture li{
        margin-right: 0;
        margin-bottom: 24px;
        width: 100%;
    }
    .list_lecture li img{
        width: 180px;
    }

    .lec_title{
        width: 220px;
    }
    .list_lecture li span{
        padding-top: 0;
    }

    .box_price{
        margin-top: 22px;
    }

    .box_price .card_price{
        max-width: 49%;
        display: inline-block;
        padding: 10px;
        float:left;
    }

    .card_price div > p:nth-of-type(2){
        font-size: 20px;
    }
    .card_price div > p:nth-of-type(2) span{
        font-size: 40px;
    }

    .contact{
        display: none;
    }


    .popup_title > h3 {font-size: 42px; margin-bottom: 30px; margin-top: 40px;}
    .popup_title .flip-clock-wrapper {display: none;}

    .popup_text div:first-child {margin-bottom: 30px;}

    .popup_text div {width: 100%;}

    .popup_text div img {width: 85%;}
    .popup_text {margin-top: 0;}
    .popup_title > span {padding: 5px 10px; font-size: 15px;}
    .popup_text a {line-height: 5px;}
    /*main visual slider*/
    .owl-prev{position:absolute; right:calc(100% - 15vw);}
    .owl-next{position:absolute; left:calc(100% - 15vw);}
    .owl-theme .owl-nav [class*='owl-']{font-size: 45px;}
}

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

    .close_bt{margin:27px; width: 25px;}
    #bt_Ltop{right: -35px; width: 85px; margin-top:175.2%;}
    /*#bt_Ltop a {font-size:20px;}
    /*#bt_Ltop a span{font-size:36px;}*/
}

/*pc change*/
@media only screen and (max-width: 597px) {

}


@media only screen and (max-width: 575px) {
    /*dicountevt start*/
    .card_price>.dipercent img{
        width: 69%;
    }
    .card_price>.dipercent{
        top: -6px;
        right: -34px;
    }
    /*dicountevt End*/
    .check_wrap {width: 90%;}
    #bt_Ltop { width: 18%; right:-42px; margin-top: 153.5%;}

    .img_clip .slick-dots li {
        width: 15px;
        height: 15px;
        margin-right: 15px;
        margin-top: 12%;
    }

    .conbox3 .con_title {
        position: absolute;
        top: -768px;
        left: 31%;
        width: 43.75%;
    }

    .bg_phone, .img_clip, .img_clip img { width: 297px; }

    .img_clip .slick-next {
        right: -45px;
    }

    .img_clip .slick-prev {
        left: -45px;
    }

    .phone .content_clip {
        width: 100%;
        margin:0 auto;
    }

    .phone{
        padding-top: 150px;
        padding-bottom: 64px;

    }
    .conbox.conbox3 {
        padding-top: 25%;
        padding-bottom: 5%;

    }

    .conbox.conbox3{
        padding: 0;
    }

    .con_clip{
        text-align: center;
        padding: 0;
        margin-top: 80px;
    }

    .con_clip div p{
        margin: auto;
        width: 300px;
    }

    .con_clip:after{
        display: none;
    }
    .con_category li:nth-of-type(1n) {
        margin-left: 10px;
        margin-right: 10px;
    }
    /*    .en_category {
    width: 449px;
    }
    */
    .con_category li:nth-of-type(3n) {
        margin-left: 0px;
        margin-right: 0px;
    }

    .tab_panel, .tab_panel2 {
        padding-left: 0px;
        padding-right: 0px;
    }

}


/*pc end*/
@media only screen and (max-width: 500px) {
    #tPInfoBox {
        width: 95%;
    }
    #tPInfo {
        width: 100%;
    }
    #tPCloseBox {
        width: 5%;
    }
    #tPClose img{
        width:100%;
    }
    #tPInfoBox img {
        width: 96%;
        min-width: 255px;
    }
    #tPCloseBtn:after,
    #tPCloseBtn:before {
        height: 22px;
        border-width : 0 2px 0px 0;
    }
    #tPCloseBtn {
        display: inline-block;
        position: relative;
        width: 22px;
        height: 22px;
    }
    /*dicountevt start*/
    .card_price>.dipercent img {
        width: 56%;
    }
    /*dicountevt end*/

    /*b2c popup size*/
    .popinner {width: 85%;}
    /*phone ineer*/
    .bg_phone>.img_clip>.slick-list .slick-track div{width:20px;}

    .footer_content {padding-bottom:0px;}
    .check_wrap {width:90%;}
    #bt_Ltop{width: 20.37%;margin-top:175.2%;}
    /*#bt_Ltop a {font-size: 17px;}

    .super_container>div:nth-child(7) {
    height:300px;
    margin-top: 125px;
    }*/
    .home {
        margin-top: 125px;
        -webkit-background-size: cover;
        background-size: cover;
        height: 270px;
    }

    .features{
        padding-top:90px;
    }

    .home_hanatour{
        height:270px;
        background-size:cover;
    }

    .home_hanatourfam{
        height:270px;
        background-size:cover;
    }

    .home_ccourt{
        height:270px;
        background-size:cover;
    }

    .home_wando{
        height:270px;
        background-size:cover;
    }

    .home_poscoky{
        height:270px;
        background-size:cover;
    }

    .feature_title {
        margin-top: 0;
        font-size: 16px;
        font-weight: 800;
        margin-top: 15px;
    }

    .feature_text p {
        font-size: 13px;
    }

    .event_title h2 {
        font-size: 50px;
    }

    .flip-clock-wrapper {
        width: 89%;
    }


    .flip-clock-wrapper ul {
        width: 25px;
        height: 45px;
        line-height: 45px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 30px;
    }

    .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 7px;
    }

    .flip-clock-divider {
        height: 55px;
    }


    .flip-clock-divider .flip-clock-label {
        top: 5em;
        right: -60px;
    }

    .flip-clock-divider.minutes .flip-clock-label,
    .flip-clock-divider.seconds .flip-clock-label {
        right: -66px;
    }

    .con_title p{
        font-size: 35px;
        display: block;
        margin-bottom: 5px;
    }
    .con_title p:last-of-type{
        margin-bottom: 16px;
    }

    .con_text {
        font-size: 13px;
        line-height: 25px;
        padding: 0 15px;
    }

    .box_comment {
        margin-top: 40px;
    }

    .slider_comment .slick-slide img {
        width: 95%;

    }

    .slider_img .slick-slide:not(.slick-center) {
        margin-top: 30px;
    }

    .tab{
        font-size: 14px;
    }

    .con_category li {
        width: 130px;
        height: 130px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .con_category li:nth-of-type(3n+3) {
        margin-left: 10px;
        margin-right: 10px;
    }

    .con_category {
        width: 75%;
        margin: auto;
        text-align: left;
    }

    .bg_phone {
        width: 60%;
        margin: auto;
        padding-bottom: 20px;
    }

    .bg_phone img {
        width: 100%;
    }


    .img_clip {
        width: 272px;
    }

    .img_clip .slick-next {
        right: -45px;
    }

    .img_clip .slick-prev {
        left: -45px;
    }

    .phone .content_clip {
        width: 100%;
    }

    .phone {
        padding-top: 135px;
        padding-bottom: 64px;
    }

    .conbox.conbox3{
        padding: 0;
    }

    .con_clip{
        margin-top:50px;
        text-align: center;
        padding: 0;
    }

    .con_clip div p{
        margin: auto;
        width: 300px;
    }

    .con_clip:after{
        display: none;
    }

    .clip_list li a{
        width: 155px;
    }

    .clip_list li {
        float: left;
        width: 50%;
    }

    .recent_clip h4{
        font-size: 25px;
    }
    .link_lec li{
        font-size: 13px;
    }

    .box_tab h4{
        margin-bottom: 24px;
    }

    .tab2{
        font-size: 14px;
        width: 82px;
    }

    .list_lecture li img{
        width: 160px;
    }
    .lec_title{
        width: 200px;
    }

    .card_price div p:first-of-type{
        font-size: 17px;
        line-height:40px;
    }

    .card_price div > p:nth-of-type(2){
        line-height: 40px;
        font-size: 17px;

    }
    .conbox.conbox7 {
        z-index: 2;
        padding-top: 64px;
    }
    .conbox5 a{
        margin-top: 32px;
    }

    .popup_title > span {padding: 3px 10px; font-size: 15px; margin-top: 5px;}
    .popup_text a {font-size: 14px;}
    .popup_text div img {width: 100%;}
    .popup_title > h3 {font-size: 35px;}
    .popup_wrap {padding: 35px 10px;}
    .popup_title > a {top: -20px; right: 10px;}

    .img_clip .slick-prev,
    .img_clip .slick-next {
        position: absolute;
        top: 50%;
        border: none;
        width: 30px;
        height: 35px;
        margin-top: -19%;
    }
    .slick-dots {
        margin-top: 0px;
    }
    .img_clip .slick-dots li {
        margin-right: 15px;
        margin-top:10%;
    }
    .img_clip .slick-dots li {
        width: 8px;
        height: 8px;
    }
    .content_clip{
        margin-top: 51px;
    }
    .con_clip>.slick-list>.slick-track>.slick-slide {
        padding-right:0;
        margin-right:0;
    }

    .content_clip {
        margin-top: 35px;
    }

    .conbox3 .con_title {
        top: -680px;
        left: 43.4%;
        margin-left: -192px;
        width: 100%;
    }


}

@media only screen and (max-width: 431px) {
    .con_category li {
        width: 45%;
        height: 45%;
    }

    .con_category li:nth-of-type(1n) {
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 6%;
    }

    .con_category li:nth-of-type(2n) {
        margin-left: 0;
        margin-right: 0;
    }

    .clip_list {
        width: 80.8%;
    }
}


@media only screen and (max-width: 425px) {
    #tPInfoBox img {
        margin-top: 3px;
    }
    .features .feature>a>img{width:70%;}
    .close_bt{width:20px; margin:20px;}
    #bt_Ltop{right: -38px; width: 85px; margin-top:175.2%;}
    /*#bt_Ltop a {font-size:20px; line-height: 50px;}
    #bt_Ltop a span{font-size:30px;}*/
    #All_day {margin: 21px 0 0 20px;}
    #bt_pop {font-size:15px;}
    .super_container>div:nth-child(7) {
        height:300px;
        margin-top: 165px;
    }

    .conbox3 .con_title {
        margin-left:-165px;
        top: -610px;
        left: 43.3%;
    }
    .img_clip, .img_clip img { width: 237px; }

    .con_category {
        width: 71.78%;
        text-align: left;
    }
    .popup {padding-top: 70px;}
    .card_price div > p:nth-of-type(2) span{
        font-size: 35px;
    }
}

/*아이폰 플러스 핸드폰*/
@media only screen and (max-width: 414px) {

    /*dicountevt start*/
    .card_price>.dipercent{
        top:-4px;
        right: -38px;
    }
    .card_price>.dipercent img {
        width: 52%;
    }
    /*dicountevt end*/

    .imageS{margin-top: 30px;}
    .check_wrap {width: 90%;}
    .close_bt{width:20px; margin:18px;}
    #bt_Ltop {right: -10.5%; margin-top: 148.2%;}
    /*#bt_Ltop a {font-size:18px; /*padding-right:14%;}*/
    #All_day {margin: 18px 0 0 18px; width:50%;}
    #bt_pop {font-size:13px;}

    .super_container>div:nth-child(7) {
        height:300px;
        margin-top: 105px;
    }

    .home {
        margin-top: 105px;
        -webkit-background-size: cover;
        background-size: cover;
        height: 270px;
    }

    .features{
        padding-top:90px;
    }

    .home_hanatour{
        height:270px;
        background-size:cover;
    }

    .home_hanatourfam{
        height:270px;
        background-size:cover;
    }

    .home_ccourt{
        height:270px;
        background-size:cover;
    }

    .home_wando{
        height:270px;
        background-size:cover;
    }

    .home_poscoky{
        height:270px;
        background-size:cover;
    }

    .feature_title {
        margin-top: 0;
        font-size: 16px;
        font-weight: 800;
        margin-top: 15px;
    }

    .feature_text p {
        font-size: 13px;
    }

    .event_title h2 {
        font-size: 50px;
    }

    .flip-clock-wrapper {
        width: 89%;
    }


    .flip-clock-wrapper ul {
        width: 25px;
        height: 45px;
        line-height: 45px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 30px;
    }

    .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 7px;
    }

    .flip-clock-divider {
        height: 55px;
    }


    .flip-clock-divider .flip-clock-label {
        top: 5em;
        right: -60px;
    }

    .flip-clock-divider.minutes .flip-clock-label,
    .flip-clock-divider.seconds .flip-clock-label {
        right: -66px;
    }

    .con_title p{
        font-size: 35px;
    }
    .con_title p:last-of-type{
        margin-bottom: 16px;
    }

    .con_text {
        font-size: 13px;
        line-height: 25px;
        padding: 0 15px;

    }


    .box_comment {
        margin-top: 40px;
        padding-left: 15px;
    }

    .slider_comment .slick-slide img {
        width: 95%;

    }

    .slider_img .slick-slide:not(.slick-center) {
        margin-top: 30px;
    }

    .tab{
        font-size: 14px;
    }

    .con_category {
        width: 74.41%;
        text-align: left;
    }

    .bg_phone {
        width: 60%;
        margin: auto;
        padding-bottom: 20px;
    }

    .bg_phone img {
        width: 100%;
    }

    /*phone inner*/
    .img_clip {
        left: 0px;
        width: 230px;
    }
    .img_clip img{
        left: 0px;
        width:229px;
    }

    .img_clip .slick-next {
        right: -45px;
    }

    .img_clip .slick-prev {
        left: -45px;
    }

    .phone .content_clip {
        width: 100%;
    }

    .phone{
        padding-top: 150px;
        padding-bottom: 64px;

    }

    .conbox3 .con_title{
        top: -601px;
        left: 50%;
        margin-left: -187px;
    }
    .conbox.conbox3{
        padding: 0;
    }

    .con_clip{
        text-align: center;
        padding: 0;

    }

    .con_clip div p{
        margin: auto;
        width: 300px;
    }

    .con_clip:after{
        display: none;
    }

    .clip_list {
        width: 81.37%;
    }

    .clip_list li a{
        width: 155px;
    }

    .recent_clip h4{
        font-size: 25px;
    }
    .link_lec li{
        font-size: 13px;
    }

    .box_tab h4{
        margin-bottom: 24px;
    }

    .tab2{
        font-size: 14px;
        width: 82px;
    }

    .list_lecture li img{
        width: 160px;
    }
    .lec_title{
        width: 200px;
    }

    .card_price div p:first-of-type{
        font-size: 17px;
        line-height:40px;
    }

    .card_price div > p:nth-of-type(2){
        line-height: 40px;
        font-size: 17px;
    }

    .conbox5 a{
        margin-top: 32px;
    }
    .popup_title > span {padding: 3px 10px; font-size: 15px; margin-top: 5px;}
    .popup_text a {font-size: 14px;}
    .popup_text div img {width: 100%;}
    .popup_title > h3 {font-size: 35px;}
    .popup_wrap {padding: 35px 10px;}
    .popup_title > a {top: -20px; right: 10px;}
    .check_wrap {height: 150px;}

    .img_clip .slick-prev,
    .img_clip .slick-next {
        position: absolute;
        top: 50%;
        border: none;
        width: 30px;
        height: 35px;
        margin-top: -19%;
    }
    .slick-dots {
        margin-top: 0px;
    }
    .img_clip .slick-dots li {
        margin-right: 15px;
        margin-top:10%;
    }
    .img_clip .slick-dots li {
        width: 8px;
        height: 8px;
    }
    .content_clip{
        margin-top: 51px;
    }

    .con_clip>.slick-list>.slick-track>.slick-slide {
        padding-right:0;
        margin-right:0;
    }

    .content_clip {
        margin-top: 35px;
    }


}

@media only screen and (max-width: 414px) and (height:731px){
    #bt_Ltop {margin-top: 140%;}
    #bt_pop {font-size:15px;}
    .con7 img {width: 100%;}
}

/*아이폰 핸드폰*/

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

    /*dicountevt start*/
    .card_price>.dipercent{
        top:-4px;
        right: -42px;
    }
    .card_price>.dipercent img {
        width: 52%;
    }
    /*dicountevt end*/

    .phone>.slick-list>.slick-track>div{width:345px;}
    .footer_title{padding-top:17%;}
    .img_clip .slick-dots li {
        display: inline-block;
        text-indent: -9999px;
        width: 5px;
        height: 5px;
        background: #999;
        border-radius: 50%;
        margin-right: 15px;
        margin-top: 15px;
        cursor: pointer;
    }
    .pClose_bt{width: 18px; margin:19px; }
    .check_wrap {width: 90%; }
    #bt_Ltop{right:-11.5%; width: 80px;}
    .close_bt{width:20px; height:20px; margin:18px;}
    /*#bt_Ltop a { font-size:17px; line-height: 47px; }*/
    #All_day {margin:18px 0px 0px 18px;}
    #bt_pop {font-size:13px;}

    .super_container>div:nth-child(7){
        height:260px;
    }
    .flip-clock-wrapper {
        width: 100%;
    }

    .con_category {
        width: 82.19%;
    }

    .img_clip {
        left: 0px;
        width: 207px;
    }
    .img_clip img{
        left: 0px;
        width:208px;
    }
    .img_clip .slick-next {
        right: -50px;
    }

    .img_clip .slick-prev {
        left: -50px;
    }

    .conbox3 .con_title{
        top: -560px;
        left: 50%;
        margin-left: -168.5px;
    }
    .clip_list li a{
        width: 139px;
    }
    .list_lecture li a img{
        margin-right: 10px;
        width: 150px;
    }

    .lec_title{
        width: 180px;
    }

    .popup_title > h3 {font-size: 33px;}

    .slick-dots{
        margin-top: 10px;
    }
    .con_clip>.slick-list>.slick-track>.slick-slide {
        padding-right:0;
        margin-right:0;
    }
    .card_price div > p:nth-of-type(2) span{
        font-size: 27px;
    }

}

@media only screen and (max-width: 375px) and (height:812px){
    #bt_Ltop {margin-top: 178%;}
    .con7 img {width: 100%;}
}

/*갤럭시 핸드폰*/

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

    .img_clip .slick-dots li {
        display: inline-block;
        text-indent: -9999px;
        width: 5px;
        height: 5px;
        background: #999;
        border-radius: 50%;
        margin-right: 15px;
        margin-top: 15px;
        cursor: pointer;
    }

    .check_wrap {width: 90%;}
    .close_bt{width:18px; height:18px; margin:13px;}
    #bt_Ltop{width: 70px;}
    #bt_pop {font-size:11px;}
    #All_day {margin: 15px 0 0 14px;}
    /*#bt_Ltop a {font-size:17px; line-height: 43px; }
    #All_day {margin: 11px 0 0 13px;}*/


    .flip-clock-wrapper {
        width: 100%;
    }

    .flip-clock-wrapper ul {
        width: 23px;
        height: 40px;
        line-height: 40px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 25px;
    }

    .flip-clock-divider .flip-clock-label {
        top: 5em;
        right: -55px;
    }

    .flip-clock-divider.minutes .flip-clock-label,
    .flip-clock-divider.seconds .flip-clock-label {
        right: -66px;
    }

    .slider_img .slick-slide:not(.slick-center) {
        margin-top: 23px;
    }

    .con_category li {
        width: 120px;
        height: 120px;
    }

    /*phone inner*/
    .img_clip, .img_clip img {
        width: 200px;
    }

    .phone{
        padding-top: 150px;
    }
    .conbox3 .con_title{
        top: -530px;
        margin-left: -161px;
    }
    .clip_list {
        width: 84.25%;
    }
    .tab2{
        font-size: 13px;
        width: 79px;
    }

    .popup_title > h3 {font-size: 25px;}

    .popup_title .flip-clock-wrapper {
        width: 100%;
    }
    .flip-clock-wrapper ul {
        width: 18px;
        height: 45px;
        line-height: 45px;
    }
    .flip-clock-wrapper ul li a div.up:after {
        top: 22px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 20px;
    }

    .flip-clock-divider .flip-clock-label {
        top: 5.5em;
        color: #fff;
        font-size: 11px;
        font-family: 'Nanum';
        text-transform: uppercase;
    }


    .flip-clock-divider .flip-clock-label {
        right: -45px;
    }
    .flip-clock-divider.hours .flip-clock-label {
        right: -50px;
    }

    .flip-clock-divider.minutes .flip-clock-label,
    .flip-clock-divider.seconds .flip-clock-label {
        right: -55px;
    }


    .con_title p{
        font-size: 30px;
    }
    .phone{
        padding-top: 130px;
    }


    .recent_clip h4{
        font-size: 21px;
    }

    .con_clip div p{
        width: 277px;
    }

    .tab2{
        font-size: 11px;
        width: 69px;
    }

    .list_lecture li a img{
        width: 120px;
    }

    .lec_title{width: 160px;}

    .popup_title .flip-clock-wrapper {display: none;}
    .popup_text {margin-top: 0;}

    .popup_text a {font-size: 15px; margin-top: 15px;}
}

/*아이폰 5*/

@media only screen and (max-width: 320px) {
    .home_koreanair {
        background-size: 250% 100%;
    }
    /*dicountevt start*/
    .card_price>.dipercent{
        right: -45px;
    }
    .card_price>.dipercent img {
        width: 45%;
    }
    /*dicountevt end*/

    .super_container>div:nth-child(7) {
        height: 230px;
    }
    .slider_img .slick-slide:not(.slick-center) {margin-top: 18px;}
    .close_bt{width:18px; height:18px; margin:13px;}
    #bt_Ltop {margin-top: 143%; }
    #All_day {margin:12px;}
    #bt_pop {font-size:10.5px;}


    .popinner div:nth-child(3) {
        margin-top: 7px;
        float: right;
    }

    .popinner div:nth-child(3)>a>span {
        font-size: 13px;
        color: #fff;
    }

    .pClose_bt{width: 18px; margin:15px; }

    .con_category li {
        width: 103px;
        height: 103px;
    }

    .img_clip {
        width: 174px;
    }
    .con_title p {
        font-size: 30px;
    }
    .con_text {
        font-size: 12px;
    }

    .phone {
        padding-top: 130px;
    }

    .conbox3 .con_title {
        top: -490px;
        margin-left: -142px;
    }
    .recent_clip h4 {
        font-size: 21px;
    }

    .con_clip div p {
        width: 277px;
    }
    .clip_list {
        width: 96%;
    }
    .tab2 {
        font-size: 11px;
        width: 69px;
    }
    .list_lecture li a img {
        width: 120px;
    }
    .lec_title {
        width: 160px;
    }
    .popup_title .flip-clock-wrapper {
        display: none;
    }
    .popup_text {
        margin-top: 0;
    }

    .popup_text a {
        font-size: 15px;
        margin-top: 15px;
    }
    .card_price div > p:nth-of-type(2) span{
        font-size: 25px;
    }

    /*main visual slider*/
    .owl-prev{position:absolute; right:calc(100% - 15vw);}
    .owl-next{position:absolute; left:calc(100% - 15vw);}
    .owl-theme .owl-nav [class*='owl-']{font-size: 40px;}
}