.wrap{display: block; min-width: 1440px; }
.inner{margin: 0 auto; position: relative; width: 1440px;}
.inner:after,
.clearfix:after{content: ""; display: block; clear: both;}
.mobile_container{display: none;}
.mobile_container{overflow: hidden; font-size: 0; border-top: 2px solid #a7a7a7}
.mobile_container.last{border-bottom: 2px solid #a7a7a7;}

.chase{position: absolute; z-index: 9999; top:0; left: 0; width: 60px; height: 60px; border-radius: 20px; background: url('../image/common/cursor.gif') no-repeat; background-size: cover;}
/* 버튼박스 */
.btn_box:after{content: ""; display: block; clear: both;}
.btn{display: inline-block; position: relative;}
.btn.right_arrow{padding-right: 32px; background: url('../image/common/bg-btn-arrow.png') 100% center no-repeat; background-size: 25px 25px;}
.btn.pointer:after{content: ""; position: absolute; top: 50%; left: 100%; margin-left: -12px; width: 58px; height: 58px; transform: translateY(-50%); background: #00bcab}
.btn span{display: block; width: 100%; padding: 0 20px; font-size: 16px; font-weight: 700;}
.btn .round{border-radius: 12px;}
.btn .round.cyan{ background: #00bcab}
.btn .round.purple{ background: #8332a0;}
.btn .round.blue{background: #296b8c}

/* header */
header{height: 80px; text-align: center; border-bottom: 1px solid #c3c3c3; background: #fff;}
header>.inner{height: 80px;}
.logo{position: absolute; bottom: 10px; }
.logo img{display: block; width: 100%;}
.logo.main{left: 20px; z-index: 400; width:72px; height: 52px; }
.logo.goyang_city{bottom: 14px; right: 0; width: 87px; height: 24px;}
.logo.sponser{right: 100px; width: 137px; height: 29px;}

/* footer */
footer{height: 80px; text-align: center; border-top: 1px solid #c5c5c5; background: #fff; }
footer p{padding-top: 20px; padding-bottom: 20px; font-size: 12px; letter-spacing: -1px; line-height: 16px; }

/* header nav */
.main_nav{position: relative; padding-bottom: 10px; width: 100%; height: 80px; }
.main_nav>.main_nav_list{width: 100%; text-align: center; font-size: 0;}
.main_nav>.main_nav_list>li{position: relative; display: inline-block; position: relative; width: 104px; height: 79px; cursor: pointer;}
.main_nav>.main_nav_list>li:nth-child(1)>a,
.main_nav>.main_nav_list>li:nth-child(5)>a{background: url('../image/common/bg_nav_gr.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(2)>a,
.main_nav>.main_nav_list>li:nth-child(6)>a{background: url('../image/common/bg_nav_cy.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(3)>a,
.main_nav>.main_nav_list>li:nth-child(7)>a{background: url('../image/common/bg_nav_pu.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(4)>a,
.main_nav>.main_nav_list>li:nth-child(8)>a{background: url('../image/common/bg_nav_yl.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(9)>a{color: #333; background: url('../image/common/bg_nav_mono.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li>a{display: block; position: absolute; top: 39px; left: 0; right: 0;  width: 100%; height: 30px; color: #fff; font-family: "Noto_Sans_KR", sans-serif; font-size: 14px; font-weight: 600; line-height: 36px; transition: top 0.3s;} 
.main_nav>.main_nav_list>li:hover>a,
.main_nav>.main_nav_list>li.on>a{top: 18px;}

.nav_depth01{overflow: hidden; position: fixed; z-index: 900; top: 80px; left:0; right: 0; height: 0; border-bottom: 0; transition: height 0.3s; background: #fff;}
.nav_depth01 .sub_nav li{display: inline-block; vertical-align: middle; line-height: 36px;}
.nav_depth01 .sub_nav li:not(:first-child){margin-left: 24px;}
.nav_depth01 .sub_nav li a{display: block; position: relative; color: #303030; font-family: "S-CoreDream", sans-serif; font-size: 14px; font-weight: 700;}
.nav_depth01 .sub_nav li a:after{content: ""; position: absolute; bottom: 6px; left: -8px; right: -8px; height: 2px; display: block; background: #303030;}

/* subnav call */
.main_nav>.main_nav_list>li:nth-child(1):hover .nav_depth01.nav01,
.main_nav>.main_nav_list>li:nth-child(2):hover .nav_depth01.nav02,
.main_nav>.main_nav_list>li:nth-child(3):hover .nav_depth01.nav03,
.main_nav>.main_nav_list>li:nth-child(4):hover .nav_depth01.nav04,
.main_nav>.main_nav_list>li:nth-child(5):hover .nav_depth01.nav05,
.main_nav>.main_nav_list>li:nth-child(6):hover .nav_depth01.nav06,
.main_nav>.main_nav_list>li:nth-child(7):hover .nav_depth01.nav07,
.main_nav>.main_nav_list>li:nth-child(8):hover .nav_depth01.nav08{z-index: 999; height: 38px; border-bottom: 1px solid #c3c3c3;}
.main_nav>.main_nav_list>li:nth-child(1).on .nav_depth01.nav01,
.main_nav>.main_nav_list>li:nth-child(2).on .nav_depth01.nav02,
.main_nav>.main_nav_list>li:nth-child(3).on .nav_depth01.nav03,
.main_nav>.main_nav_list>li:nth-child(4).on .nav_depth01.nav04,
.main_nav>.main_nav_list>li:nth-child(5).on .nav_depth01.nav05,
.main_nav>.main_nav_list>li:nth-child(6).on .nav_depth01.nav06,
.main_nav>.main_nav_list>li:nth-child(7).on .nav_depth01.nav07,
.main_nav>.main_nav_list>li:nth-child(8).on .nav_depth01.nav08{height: 38px; border-bottom: 1px solid #c3c3c3;}
.main_nav>.main_nav_list>li:nth-child(9):hover>a{top: 39px;}

/* subnav menu hover */
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a.on{color: #75af0e;}
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a.on:after{background: #75af0e}

.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a.on{color: #0cc1c1;}
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a.on:after{background: #0cc1c1}

.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a.on{color: #8332a0;}
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a.on:after{background: #8332a0}

.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a.on{color: #f99b06;}
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a.on:after{background: #f99b06}

/* subnav menu margin */
.nav_depth01.nav01>.inner{width: 1000px; }
.nav_depth01.nav02>.inner{width: 670px; }
.nav_depth01.nav03>.inner{width: 520px; }
.nav_depth01.nav04>.inner{width: 650px; }
.nav_depth01.nav05>.inner{width: 240px; }
.nav_depth01.nav06>.inner{width: 280px; }
.nav_depth01.nav07>.inner{width: 580px; }
.nav_depth01.nav08>.inner{width: 750px; }

.nav_depth01.nav01 .sub_nav{text-align: left;}
.nav_depth01.nav02 .sub_nav{text-align: left;}
.nav_depth01.nav03 .sub_nav{text-align: left;}
.nav_depth01.nav04 .sub_nav{text-align: left;}
.nav_depth01.nav05 .sub_nav{text-align: right;}
.nav_depth01.nav06 .sub_nav{text-align: right;}
.nav_depth01.nav07 .sub_nav{text-align: right;}
.nav_depth01.nav08 .sub_nav{text-align: right;}

/* sub allnav call */
.all_view_nav{display: none; position: absolute; z-index: 1000; top: 100%; left: 50%; margin-top: 38px; padding: 10px 0; width: 65%; transform: translateX(-50%); font-size: 0; text-align: left; border: 1px solid #c3c3c3; background: #fff; }
.all_view_nav .btn_nav_close{position: absolute; top: 20px; right: 20px; width: 17px; height: 17px; background: url('../image/common/ic-btn-close.png') no-repeat; background-size: contain}
.all_view_nav .all_category{display: inline-block; vertical-align: top; width: calc((100% - 32px) / 8); height: 210px;}
.all_view_nav .all_category+.all_category{border-left: 1px solid #88d7e8}
.all_view_nav .title{padding: 10px 0; font-size: 16px; text-align: center; font-family: "S-CoreDream", sans-serif; font-weight: 700}
.all_view_nav .all_list{margin-top: 16px;}
.all_view_nav .all_list li{text-align: center; font-family: "S-CoreDream", sans-serif; font-weight: 400}
.all_view_nav .all_list li a{color: #303030; font-size: 12px; line-height: 18px; }
.all_view_nav .all_list li+li{margin-top: 10px;}

/* container setting */
.container.fes,
.container.hire,
.container.consult,
.container.diagnosis{padding-top: 140px; padding-bottom: 80px;}
.container.exp,
.container.opening,
.container.live,
.container.info{padding-top: 120px; padding-bottom: 80px; }
.container.motion,
.container.click{padding-top: 120px; padding-bottom: 80px; }
.container.coper{padding-top: 0px; padding-bottom: 80px;}
.container.market{padding-top: 200px; padding-bottom: 80px;}
.container.event{padding-top: 180px; padding-bottom: 80px;}
.container.competition{overflow: hidden; position:relative; background: url('../image/content/bg_competition.png') no-repeat; background-size: 100% 100%;}

/* inner setting */
.container.fes .inner{padding-bottom: 60px; width: 1200px;}
.container.live .inner,
.container.diagnosis .inner{width: 1200px;}
.container.info .inner{width: 910px;}
.container.click .inner{width: 1200px; padding-right: 30px; }
.container.coper .inner{width: 100%; min-width: 1440px;}
.container.consult .inner{width: 1100px;}
.container.market .inner{width: 960px;}
.container.event .inner{width: 920px;}
.container.motion .inner{width: 1200px;}
.container.competition .inner{overflow: hidden; z-index: 10; padding-bottom: 80px; width: 1280px; font-size: 0; text-align: center; }

/* table setting type01 */
.table_box{width: 100%;}
.table_box .table{width: 100%; text-align: center;}
.table_box .table .table_header{display: block; font-size: 0;}
.table_box .table .table_body{display: table; width: 100%; table-layout: fixed;}
.table_box .table .table_header .table_col{display: inline-block; vertical-align: middle;}
.table_box .table .table_body .table_row{display: table-row;}
.table_box .table .table_body .table_col{display: table-cell; vertical-align: middle; border-collapse: collapse;}
.table_box .table .table_col{color: #333; letter-spacing: -1px; line-height: 1.2}

/* table setting type02 */
.table_box .table table{width: 100%; table-layout: fixed;}
.table_box .table table th,
.table_box .table table td{vertical-align: middle; }
.table_box .table table th{height: 44px; color: #fff; font-size: 16px; letter-spacing: -1px; background: #9c9c9c}
.table_box .table table td{height: 40px; font-size: 14px; border-bottom: 1px solid #d7d7d7}
.table_box .table table td .table_title{display: block; padding: 0 20px; width: 100%; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* font setting */
.txt_s{font-family: "S-CoreDream", sans-serif !important; }
.txt_tvn{font-family: "tvN", sans-serif !important;}
.txt_noto{font-family: "Noto_Sans_KR", sans-serif !important;}
.txt_tmon{font-family: "Monsori", sans-serif !important;}
.txt_kd{font-family: "Kukdae", sans-serif !important;}
.txt_bolder{font-weight: 700 !important;}

/* round box title */
.title_round{display: inline-block; vertical-align: middle; width: 220px; height: 30px; color: #fff; font-size: 16px; font-weight: 600; line-height: 32px; border-radius: 14px; text-align: center}
.title_round.org_gradient{background-image: linear-gradient(to right, #ef6400 0, #f6a624 100%); }
.title_round.shadow{box-shadow: 0px 6px 12px rgba(0,0,0,0.3);;}

/* hand write title */
.title_cursive{position: absolute; bottom: 100%; left:50%; color: #000; font-size: 40px; text-align: center; letter-spacing: -2px; transform: translateX(-50%)}
.title_cursive span{color: #00529c; font-size: 56px; letter-spacing: -2px; }
.title_cursive i{position: absolute; z-index: -10; bottom: 15px; left: 50%; height: 11px; border-radius: 5.25px; transform: translateX(-50%); background: #fdd000; }

/* paragraph setting */
.title{position: relative; padding-left: 16px; color: #000; font-size: 16px; font-weight: 700;}
.title.space{padding-left: 36px;}
.title.orange{color: #ff8528; font-size: 14px;}
.context{position: relative; padding-top: 10px; padding-bottom: 30px; padding-left: 16px; color: #000; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -1px;}
.title.dot:before{content: ""; display: block; position: absolute; top: 0px; left: 0; width: 10px; height: 10px; border-radius: 10px; background: #a9a8a8;}
.context.left_border:before{content: ""; position: absolute; top: 2px; bottom: 4px; left: 5px; width: 1px; background: #a9a9a9;}
.context span.space{display: block; position: relative; padding-left: 20px; line-height: 22px;}
.context span.dot:before{content: ""; position: absolute; top: 6px; left: 4px; width: 7px; height: 7px; background: #a9a9a9;}

/* other element setting */
.common_cnt_box{overflow: hidden; position: relative; z-index: 5; width: 100%; border-radius: 12px; background: #a9a7a8}

/* 아래로는 서브페이지 관련 셋팅 분리할 경우 sub.css로 분리 */

/* festival page */
.fes_info_left,
.fes_info_right{float: left; }
.fes_info_right{position: relative; font-size: 0; text-align: center;}
.fes_cnt_box{display: inline-block; vertical-align: middle; position: relative; width: 400px; padding-top: 370px;}
.fes_cnt_box .carousel,
.fes_cnt_box .carousel01{top:50px; left: 0; width: 100%; margin-left:0;}
.carousel .item,
.carousel01 .item{width: 206px; height: 263px; background: transparent;}

/* festival introduce page */
.fes_info_full{position: relative; margin: 0 auto; width: 80%;}
.fes_info_full+.fes_info_full{margin-top: 80px;}
.fes_introduce_cnt{position: relative; }
.fes_introduce_cnt.mt30{margin-top: 30px;}
.fes_info_full.pb{padding-bottom: 180px; }
.fes_introduce_cnt.hoho_char{margin-top: 30px; padding-top: 230px; }
.fes_introduce_cnt .hoho_char_bg{position: absolute; z-index: 10; top: 0; left: 0; right: 0; height: 230px; font-size: 0; background:url('../image/content/char_head.png') no-repeat ; background-size: cover;}
.fes_introduce_cnt .hoho_char_bg:before,
.fes_introduce_cnt .hoho_char_bg:after{content: ""; display: block; position: absolute; top: 100%; margin-top: 10px; width: 37px; height: 45px; }
.fes_introduce_cnt .hoho_char_bg:before{left: 0; margin-left: -23px; background: url('../image/content/char_hand_left.png') no-repeat; background-size: cover}
.fes_introduce_cnt .hoho_char_bg:after{right: 0; margin-right: -24px; background: url('../image/content/char_hand.png') no-repeat; background-size: cover}
.title_round.oper{margin-bottom: 30px;}
.kakao_img{position: absolute; top: 0; right: 100px;}
.common_cnt_box .video{display: block; width: 100%; height: 100%;}

/* opening */
.open_left,
.open_right{float: left; }
.open_left{margin-left: 220px; width: 310px; }
.open_right{width: 910px; }
.open_full{width: 100%;}
.container.opening .common_cnt_box{overflow: hidden; padding: 0; height: 342px;}
.container.opening .welcome{position: relative; background: url('../image/content/bg_welcome.png') no-repeat; background-size: 280px 160px; background-position: 460px 40px;}
.container.opening .graduate{background: rgba(255, 222, 207, 0.56)} /* PSD 받고 배경 떼어내서 이미지로 교체 */
.open_txt{font-size: 14px; line-height: 26px; letter-spacing: -1px;}
.open_txt+.open_txt{margin-top: 30px;}
.open_txt b{font-size: 16px; font-weight: 800;}
.open_txt span{display: block;}
.open_txt.left_space{padding-left: 80px; }
.btn_box.opening{width: 100%; text-align: right;}
.btn_box.opening .round{height: 25px; color: #fff; line-height: 26px; font-weight: 400;}
.open_left .pic{margin-top: 40px;}
.container.opening .welcome .dots{position: absolute; }
.container.opening .welcome .dots.start{top: 0; left: 30px}
.container.opening .welcome .dots.end{bottom: 50px; right: 340px;}

/* live */
.table_box.schedule .table .table_col:nth-child(1),
.table_box.schedule .table .table_col:nth-child(4){width: 146px;}
.table_box.schedule .table .table_col:nth-child(5){width: 154px;}
.table_box.schedule .table .table_col:nth-child(3){width: 198px;}
.table_box.schedule .table .table_col:nth-child(2){width: 554px}

.table_box.schedule .table .table_header{margin-bottom: 6px;}
.table_box.schedule .table .table_header .table_col{height: 36px; font-size: 16px; font-size: 14px; font-family: "S-CoreDream", sans-serif; letter-spacing: -.5px; line-height: 36px; background: #ebebeb;}
.table_box.schedule .table .table_header .table_col+.table_col{border-left: 1px solid #fff;}
.table_box.schedule .table .table_body{border: 1px solid #a8a8a8;}
.table_box.schedule .table .table_body .table_col:nth-child(2){padding-left: 26px; text-align: left; }
.table_box.schedule .table .table_body .table_col{height: 70px; font-size: 12px; font-family: "S-CoreDream", sans-serif; font-weight: 700; letter-spacing: -.5px; border-width: 1px 0 0 1px; border-style: solid; border-color: #a8a8a8;}
.table_box.schedule .table .table_body .table_col:first-child{border-left: 0;}
.table_box.schedule .table .table_body .table_row:nth-child(1) .table_col{border-top: 0;}

.live_desc{margin-top: 20px; font-size: 14px; text-align: right; font-weight: 700;}

/* live click */
.click_left,
.click_right{float: left;}
.click_left{width: 520px; }
.click_right{width: calc(100% - 520px); font-size: 0;}
.live_list{position: relative; display: inline-block; vertical-align: middle; margin-left: 18px; margin-bottom: 20px;  padding: 20px 0 0 16px; width: 314px; height: 110px; font-family: "S-CoreDream", sans-serif; font-weight: 700; letter-spacing: -.5px; border: 2px solid  #a8a8a8; border-radius: 10px;}
.live_list:nth-child(odd){margin-left: 0;}
.live_list:nth-child(9),
.live_list:nth-child(10){margin-bottom: 0;}
.live_list:before{content: ""; display: block; position: absolute; top: -20px; left: 50%; width: 25px; height: 25px; border: 7px solid #fff; transform: translateX(-50%); background: url('../image/common/btn_play.png') no-repeat; background-size: cover; }
.live_list span{display: inline-block; vertical-align: top; font-size: 13px; letter-spacing: -0.5px; line-height: 16px;}
.video_frame{position: relative; margin-top: 176px; width: 492px; height: 308px; border-radius: 15px; background: #a9a7a8}
.video_frame:before,
.video_frame:after{content: ""; display: block; position: absolute; z-index: 10; top: 12px; width: 22px; height: 28px;}
.video_frame:before{left: -13px; background: url('../image/content/char_hand_left.png') no-repeat; background-size: contain;}
.video_frame:after{right: -13px; background: url('../image/content/char_hand.png') no-repeat; background-size: contain}
.video_frame .bg{position: absolute; z-index: 4; bottom: 100%; left: 0; right: 0; width: 100%; height: 150px; background: url('../image/common/bg_char01.png') center center no-repeat; background-size: contain; }
.video_frame iframe{position: relative; display: block; width: 100%; height: 100%; z-index: 5; border-radius: 15px;}
.video_frame .thumb{display: block; width: 100%; border-radius: 15px; border: 1px solid #ddd;}

/* hire */
.title_cursive.hire i{width: 610px; font-family: "tvN", sans-serif; font-weight: 600;}
.coper_box{position: relative; overflow: hidden; padding-top: 174px;  width: 100%; height: 760px; background: url('../image/content/bg_coper.png') no-repeat; background-size: cover; background-position: center center;}
.coper_box .flag_box{position: absolute; width: 310px; height: 165px;}
.coper_box .flag{position: absolute; z-index: 10; bottom: 0; left: 0; width: 208px; height: 205px; transition: bottom 0.3s ease-in-out;}
.coper_box .flag img{display: block; width: 100%;}

.coper_box .flag_box:hover .flag{bottom: 40px; }

.hire_con_box.frame{position: relative; margin: 0 auto; padding-top: 90px; width: 990px; font-size: 0; text-align: left;}
.hire_con_box .box{display: inline-block; vertical-align: top; margin-left: 44px; margin-bottom: 44px;  width: 300px; font-size: 16px; border: 1px solid #d7d7d7;}
.hire_con_box .box:nth-child(3n+1){margin-left: 0;}
.hire_con_box .box .pic{overflow: hidden; height: 230px;}
.hire_con_box .box .pic iframe{display: block; width: 100%; height: 100%;}
.hire_con_box .box .box_txt{padding: 20px 0 20px 20px; height: 100px; font-size: 15px; line-height: 18px; letter-spacing: -1px; border-top: 1px solid #d7d7d7; text-align: left;}
.hire_con_box .box .box_txt .bot_tit{font-weight: 700;}
.hire_con_box .box .box_txt .bot_desc{margin-top: 10px; font-weight: 400;}
.hire_con_box .box .box_txt .bot_desc.one_line{margin-top: 26px;}

.title_cursive.explain i{width: 283px;}
.hire_banner{display: inline-block; vertical-align: middle; margin-bottom: 38px; width: 457px; }
.hire_banner:nth-child(even){margin-left: 74px;}
.hire_banner a,
.hire_banner img{display: block; width: 100%; }
.banner_desc{margin-top: 10px; padding-left: 20px; color: #777; font-size: 12px; line-height: 16px; font-weight: 700; }

/* 1:1 컨설팅 */

.consult_box{width: 100%; font-size: 0; text-align: center;}
.consult_item{display: inline-block; vertical-align: top; width: 363px;}
.consult_pic{position: relative; margin: 0 auto 20px; padding: 10px; width: 210px; height: 210px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #fff;}
.consult_pic .tit{position: absolute; top: 20px; left: 20px; padding: 0 16px; height: 20px; color: #fff; font-size: 12px; line-height: 22px; border-radius: 5px; background: rgba(255, 255, 255, 0.5 )}
.consult_pic .image{overflow: hidden; border-radius: 10px;}
.consult_pic .image img{display: block; width: 100%;}
.consult_item_name{font-size: 14px; text-align: center; letter-spacing: -1.5px;}
.signature_txt{margin-top: 47px; width: 100%; font-size: 12px; letter-spacing: -1.5px; text-align: center; line-height: 20px; background: url('../image/content/bg_consult01.png') no-repeat; background-size: 264px 76px; background-position: 0 0; }
.signature_txt.txt01{height: 76px; line-height: 76px; }
.signature_txt.txt02{padding-top: 30px; padding-left: 20px; height: 130px; text-align: left; background: url('../image/content/bg_consult02.png') no-repeat; background-size: 264px 130px;}
.consult_info_txt{padding-top: 30px; padding-left: 26px; font-size: 12px; line-height: 18px; text-align: left; letter-spacing: -1px; }
.consult_info_txt.txt02{padding-left: 0;}
.consult_box .title_round{margin-top: 50px; color: #fff;}
.consult_box .title_round a{display: block; color: #fff;}

.consult_box .txt_box{overflow: hidden; position: relative; margin: 126px auto 0; width: 586px;}
.consult_box .txt_box .consult_badge{position: absolute; top: 0; left: 0; width: 70px; height: 30px; color: #fff; font-size: 16px; line-height: 30px; text-align: center; letter-spacing: -1.5px; border-radius: 5px; background: #333;}
.consult_box .txt_box .consult_ai_txt{margin-top: 22px; padding-top:22px;  height: 74px; text-align: left; font-size: 12px; letter-spacing: -1px; line-height: 16px; background: url('../image/content/bg_consult03.png') no-repeat; background-size: 500px 74px; background-position: 100% 100%;}

/* 온라인 진단 */
.diag_con_box{font-size: 0;}
.diag_con_box .left_box,
.diag_con_box .right_box{display: inline-block; vertical-align: middle; font-size: 0; }
.diag_con_box .left_box{width: calc(100% - 680px)}
.diag_con_box .right_box{width: 680px;}
.diag_con_box .title_round{display: block; margin: 0 auto 30px; }
.diag_con_box .left_box .diag_box{position: relative;}
.diag_con_box .left_box .diag_box.box02{margin-top: 80px;}
.diag_con_box .left_box .diag_title{position: relative; margin-bottom: 30px; color: #000; font-size: 14px; letter-spacing: -0.5px; line-height: 22px;}
.diag_con_box .left_box .diag_title b{color: #ff0101; font-size: 16px;}
.diag_txt{font-size: 14px; letter-spacing: -0.5px;}
.diag_txt span{display: block; padding-left: 20px; line-height:22px;}
.diag_txt .txt_ck{background: url('../image/common/ic-check.png') center left no-repeat;}

/* 선셋팅 */
.diag_con_box .left_box .diag_box:before,
.diag_con_box .left_box .diag_box:after{content: ""; position: absolute; z-index: 20; width: 10px; height: 10px; border-radius: 100%; background: #a9a8a8;}
.diag_con_box .left_box .diag_box .line{position: absolute; z-index: 10; background: #ffc03a}
.diag_con_box .left_box .diag_box .line.long{width: 247px; height: 2px;}
.diag_con_box .left_box .diag_box .line.verti{width: 2px; height: 65px;}
.diag_con_box .left_box .diag_box .line.short{width: 156px; height: 2px;}
.diag_con_box .left_box .diag_box.box01:before{bottom: 100%; left: 24px; margin-bottom: 5px; }
.diag_con_box .left_box .diag_box.box01:after{top: 49px; left: 116px;}
.diag_con_box .left_box .diag_box.box01 .long{bottom: 100%; left: 40px; margin-bottom: 9px;}
.diag_con_box .left_box .diag_box.box01 .verti{top: 0; left: 285px; margin-top: -10px;}
.diag_con_box .left_box .diag_box.box01 .short{top: 100%; left: 130px; margin-top: 9px;}

.diag_con_box .left_box .diag_box.box02:before{bottom: 100%; left: 240px; margin-bottom: 5px; }
.diag_con_box .left_box .diag_box.box02:after{top: 49px; left: 150px;}
.diag_con_box .left_box .diag_box.box02 .long{bottom: 100%; left: 0; margin-bottom: 9px; margin-left: -12px;}
.diag_con_box .left_box .diag_box.box02 .verti{top: 0; right: 100%; margin-top: -10px; margin-right: 10px; }
.diag_con_box .left_box .diag_box.box02 .short{top: 100%; left: 0; margin-top: 9px; margin-left: -12px;}

/* 온라인 진단 카드 엘리먼트 셋팅 */
.consult_card{display: inline-block; width: 200px;}
.consult_card:not(:first-of-type){margin-left: 30px;}
.consult_card .card_head{height: 62px;  border: 1px solid #d7d7d7; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #d7d7d7;}
.consult_card .card_head p{color: #333; font-size: 24px; line-height: 64px; text-align: center}
.consult_card .card_body{overflow: hidden; position: relative; height: 254px; text-align: center; border: 1px solid #d7d7d7; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.consult_card .card_body .title{margin: 24px 0 32px; padding: 0; line-height: 20px;}
.consult_card .card_body .txt{font-size: 14px; line-height: 20px;}
.consult_card .card_body .btn_box{position: absolute; bottom: 12px; right: 12px;}
.consult_card .card_body .btn.right_arrow{padding: 0 10px; height: 25px; line-height: 27px; }
.consult_card .card_body .btn span{color: #333; font-size: 14px;}

/* experience */
.brain_map{position: relative; margin: 0 auto; width: 100%; height: 640px;}
.map_txt,
.map_txt_star{position: absolute; z-index: 10; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.map_txt_star{display: inline-block; height: 34px; color: #333; font-size: 16px; line-height: 34px; letter-spacing: -1px; text-align: center; border-radius: 5px; background: #fff;}
.map_txt_star:before{content: ""; display: block; position: absolute; top: 0; left: 0; margin-top: -20px; margin-left: -20px; width: 50px; height: 50px; background: url('../image/content/ic-star.png') no-repeat; background-size: cover;}
.brain_map .main{top: 50%; left: 50%; padding-top: 55px; width: 148px; height: 148px; color: #ff6000; font-size: 22px; font-weight: 700; text-align: center; letter-spacing: -1px; border-radius: 100%; transform: translate(-50%, -50%); background: #faf700;}
.brain_map .main .map_txt_star{}
.brain_map .main .map_txt_star a{color: #333;}
.brain_map img{display: block; width: 100%;}
.brain_map .title_cursive i{width: 320px; }

/* 누구나 영상체험 */
.motion_left,
.motion_right{float: left;}
.motion_left{margin-top: 60px; width: 520px;}
.motion_right{overflow: hidden; margin-top: 100px; padding-left: 60px; width: calc(100% - 520px)}
.motion_desc{position: absolute; top: 100%; left: 0; right: 0; margin-top: 20px; padding: 10px; height: 100px; overflow-y: auto; border: 1px solid #c5c5c5; }
.motion_desc .desc_title{margin-bottom: 16px; font-size: 16px;}
.desc_para{font-size: 12px; letter-spacing: -0.5px; line-height: 18px;}
.desc_para+.desc_para{margin-top: 20px; }
.desc_para:last-of-type{padding-bottom: 20px;}
.desc_para span{display: block;}
.desc_para .para_txt{padding-left: 10px; }
.title_cursive.motion i{width: 520px;}
.video_frame .motion_box_top{overflow: hidden; width: 100%; height: 308px; border-radius: 15px; background: #fc9;}
.video_frame .motion_box_top iframe{display: block; width: 100%; height: 100%}
.motion_box{float: left; margin-top: 16px; margin-left: 16px; width: 130px; height: 140px; border: 1px solid #d7d7d7;}
.motion_box:nth-child(4n+1){margin-left: 0;}
.motion_box .motion_box_top{position: relative; width: 100%; height: 103px; cursor: pointer; background: #f2f3f7;}
.motion_box .motion_box_top .cover{position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0;}
.motion_box .motion_box_top iframe{display: block; position: relative; z-index: 5; width: 100%; height: 100%;}
.motion_box .motion_box_desc{padding: 6px; height: 35px; font-size: 10px; border-top: 1px solid #d7d7d7; background: #fff;}

.map_txt01{bottom: 100%; right: 100%; margin-right: 311px; margin-bottom: 57px; width: 140px; }
.map_txt02{top: 14px; right: 100%; margin-right: 370px; padding-left: 20px; width: 200px; }
.map_txt03{bottom: 100%; right: 100%; margin-bottom: -10px; margin-right: 130px; padding-left: 10px; width: 130px;  }
.map_txt04{top: 80px; right: 100%; margin-right: 38px; padding-left: 10px; width: 130px; }
.map_txt05{top: 130px; right: 100%; margin-right: 330px; width: 130px; }
.map_txt06{top: 100%; right: 100%; margin-top: 25px; margin-right: 90px; width: 150px; }
.map_txt07{top: 274px; right: 100%; margin-right: 250px; width: 150px; }
.map_txt08{bottom: 100%; right: 100%; margin-bottom:72px; margin-right: -120px; width: 150px;}
.map_txt09{top: 100%; left: 100%; margin-top: 96px; margin-left: -160px; width: 290px;}
.map_txt10{bottom: 100%; left: 100%; margin-bottom: -6px; margin-left: 40px; padding-left: 10px; width: 130px; }
.map_txt11{bottom: 100%; left: 100%; margin-left: 190px; margin-bottom: 85px; width: 180px; }
.map_txt12{bottom: 100%; left: 100%; margin-left: 436px; margin-bottom: -20px; padding-left: 20px; width: 130px; }
.map_txt13{top: 50%; left: 100%; margin-top: -38px; margin-left: 200px; width: 130px;}
.map_txt14{top: 100%; left: 100%; margin-top: -30px; margin-left: 430px; width: 130px; }
.map_txt15{top: 100%; left: 100%; margin-top: 10px; margin-left: 100px; width: 150px; }
.map_txt16{top: 100%; left: 100%; margin-top: 130px; margin-left: 326px; width: 150px; }

/* 마켓 */
.market_contains{}
.market_contains .title_cursive{margin-bottom: 20px;}
.market_contains .title_cursive span{height: 58px;}
.market_contains .title_cursive i{margin-left: -20px; width: 460px;}

.market_top{padding-top: 80px; font-size: 0; text-align: center; }
.market_top .market_box{display: inline-block; vertical-align: top; position: relative;  width: 50%;}
.market_top .market_box+.market_box{padding-top: 12px;}
.market_top .market_box .market_desc{display: inline-block; position: relative; margin-bottom: 46px; font-size: 12px; letter-spacing: -0.5px; line-height: 22px; }
.market_top .market_box .market_desc:before,
.market_top .market_box .market_desc:after{content: ""; position: absolute; width: 27px; height: 17px;}
.market_top .market_box .market_desc:before{top: 0; right: 100%; background: url('../image/content/para_start.jpg') no-repeat; background-size: cover; }
.market_top .market_box .market_desc:after{bottom: 0; left: 100%; margin-left: -10px; background: url('../image/content/para_end.jpg') no-repeat; background-size: cover;}
.market_top .market_box .img_content{position: relative; font-size: 0; }
.market_top .market_box .img_content .imgbox{position: absolute; top: -20px; left:0; z-index: 10; display: inline-block; vertical-align: middle;}
.market_top .market_box .img_content .imgbox img{display: block; width: 100%;}
.market_txt{display: inline-block; position: relative; padding: 22px 46px 22px 100px ; font-size: 14px; text-align: left; border: 2px solid #797979; border-radius: 5px; }
.market_txt .market_title{display: inline-block; position: absolute; bottom: 100%; left: 80px; padding: 0 20px; color: #e89300; font-size: 20px; font-weight: 800; letter-spacing: -1px; background: #fff;} 
.market_txt .market_title i{color: #ff0000}
.market_txt span{display: block; position: relative; padding-left: 36px; } 
.market_txt span .dodge{position: absolute; top: 0; left: 0; color: #0068b7} 
.market_txt span b{color: #0068b7} 

.market_box .title_round{position: absolute; z-index: 10; top: 0; left: 20px; width: 240px; font-family: "S-CoreDream", sans-serif; letter-spacing: -0.5px;}
.market_right_txt{position: relative; z-index: 10; margin-top: 40px; width: 46%; font-size: 11px; line-height: 20px; text-align: right;}
.pola_photo{position: absolute; z-index: 5; top: -20px; left: 230px;}

.market_bot{overflow: hidden; margin-top: 90px; }
.market_bot li{float: left; margin-left: 10px; margin-bottom: 36px;}
.market_bot li:nth-child(8n+1){margin-left: 0;}
.market_bot li a{display: block;}
.market_bot li a span{display: block; width: 100%;}
.market_bot li a .img_box{overflow: hidden; width: 110px; height: 140px;  border-radius: 5px; }
.market_bot li a .img_desc{color: #333; margin-top: 12px; font-size: 12px; letter-spacing: -1px; text-align: center }

.btn_box.exp .btn.left{float: left;}
.btn_box.exp .btn.right{float: right;}
.btn_box.exp .btn .round{height: 25px; color: #fff; line-height: 25px;}

/* 이벤트 - 경진 */
.container.competition .bg_balloon{position: absolute; z-index: 20; display: block;}
.container.competition .bg_balloon.left{top: -10%; left: -50px; height: 100%;}
.container.competition .bg_balloon.right{top: -15%; right: 0; height: 100%;}
.container.competition .giftbox{position: absolute; z-index: 15; right: 0; bottom: 120px;}
.container.competition .border{position: absolute; z-index: 5; top: 70px; left: 20px; bottom: 20px; right: 20px; border: 4px solid rgba(255,255,255, 0.5); border-radius: 15px;}
.container.competition .title_box{position: absolute; top: 100px; left: 0; right: 0;}
.container.competition .comp_title{margin: 0 auto; padding-bottom: 10px; color: #9b7ad6; font-size: 26px; font-weight: 600; text-align: center;  }
.container.competition .comp_title.big{position: relative; padding-top: 10px; color: #e14774; font-size: 46px; letter-spacing: -2px; }
.container.competition .comp_title.big:before{content: ""; position: absolute; top:0; left: 50%; margin-left: -220px; width: 440px; height: 2px; background: #fff; }

.comp_box{display: inline-block; vertical-align: top; position: relative; margin-top: 236px; padding: 25px; border-radius: 15px; background: #fff; }
.comp_box.left{width: 440px; text-align: left;}
.comp_box .title{color: #004098; font-size: 16px; letter-spacing: -2px;}
.comp_box .context{padding-bottom: 20px; font-size: 12px; line-height:  18px; }
.comp_box .context i{color: #ff0000}

.comp_box.center{margin: 236px 40px 0; padding: 0; background: transparent;}
.comp_box .item{display: inline-block; vertical-align: middle; width: 196px;}
.comp_box .item_box.full{display: block; margin-top: 20px; }
.comp_box .item+.item{margin-left: 50px; }
.comp_box .item .item_box{overflow: hidden; margin: 0 auto 14px; width: 170px; height: 170px; border-radius: 15px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); background: #fff; }
.comp_box .item .item_desc{padding: 6px 0 0 6px; height: 100px; font-size: 12px; letter-spacing: -1px; text-align: left; line-height: 16px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.comp_box .item_box iframe{display: block; width: 100%; height: 100%; }
.comp_box .btn_box{}
.comp_box .btn_box .btn{padding: 0 36px; border-radius: 20px; background-size: 17px 17px; background-color: #fff; background-position: 93% center;}
.comp_box .btn_box .btn .round{padding: 0;color: #296b8c; }

.comp_contxt{padding: 20px; color: #333; font-size: 18px; line-height: 33px; }
.comp_contxt .acc{font-family: "Monsori", sans-serif; font-size: 22px;}
.comp_contxt .acc01{color: #46c9cf}
.comp_contxt .acc02{color: #e15f98}
.comp_contxt .acc03{color: #6639e8}

.comp_box.right{position: relative;}
.comp_box.right:before,
.comp_box.right:after{content: ""; display: block; position: absolute; width: 20px; height: 13px; }
.comp_box.right:before{top: 44px; left: 20px; background: url('../image/content/para_start.jpg') no-repeat; background-size: contain;}
.comp_box.right:after{bottom: 56px; right: 20px; background: url('../image/content/para_end.jpg') no-repeat; background-size: contain;}
.comp_box_title{position: absolute; top: 0; left: 50%; margin-top: -16px; margin-left: -45px; width: 90px; height: 32px; color: #fff; font-family: "S-CoreDream", sans-serif; letter-spacing: -0.5px; font-size: 16px; text-align: center; line-height: 34px; border-radius: 15px; background: #296b8c;}
.attention_txt{position: absolute; z-index: 30; bottom: 40px; left: 0; right: 0; font-size: 12px; text-align: center; }

/* 이벤트 */
.event .title_cursive .pink{color: #f10088;}
.event .title_cursive i{width: 360px;}
.event_banner_box{padding-top: 80px; font-size: 0;}
.event_banner_box .banner_box{display: inline-block; vertical-align: middle; width: 50%; }
.event_banner_box .banner_box a{display: block; margin-bottom: 40px; }

/* 이벤트 팝업 */
.layer{display: none; position: fixed; z-index: 9999; top: 50%; left: 50%; padding: 30px; border: 1px solid #a9a8a8; border-radius: 10px; transform: translate(-50%, -50%); background: #fff;}
.pop_content{position: relative; padding-bottom: 10px; }
.pop_content .pop_close_btn{position: absolute; top: 0; right: 0; width: 17px; height: 17px; font-size: 0; background: url('../image/common/ic-btn-close.png') no-repeat; background-size: cover;}
.pop_title{padding-left: 30px; height: 25px; font-size: 16px; line-height: 27px; background: url('../image/content/pop_title_bg.png') no-repeat; background-size: 25px 25px; background-position: left center; }
.pop_txt{padding-left: 50px; letter-spacing: -1px; line-height: 1.4}
.pop_dot{display: block; position: relative; padding: 30px 0;}
.pop_dot:before{content: ""; display: block; position: absolute; top: 0%; right: 100%; margin-top: 40px; margin-right: 10px; width: 7px; height: 7px; transform: translateY(-50%); background: #a9a8a8;}
.pop_content .youtube{margin: 50px 20px; }
.pop_content img{display: block; width: 100%; }
.pop_content .gift{text-align: center;}
.pop_content .gift .gifticon{margin: 0 auto; width: 113px;}
.pop_content .gift .gift_desc{margin-top: 30px; font-size: 16px; letter-spacing: -1px; }
.pop_content .btn_box{margin-top: 30px; text-align: center;}
.pop_content .btn_box a{font-weight: 400;}
.pop_content .pop_left{display: inline-block; vertical-align: middle; margin-left: 50px; width: 287px;}
.pop_content .pop_right{display: inline-block; vertical-align: middle; }
.pop_content .pop_right .pop_txt{font-size: 14px;}
.pop_content .pop_right .btn_box .btn{padding-left: 30px;}
.pop_content .pop_right .btn_box .btn span{font-size: 14px; font-weight: 400;}
.event03 .gift{margin-top: 70px;}
.layer.event02{width: 900px; text-align: left; font-size: 0;}
.pop_col{display: inline-block; vertical-align: top; margin-top: 40px; width: calc(100% / 3); font-size: 14px; text-align: center; letter-spacing: -1px;}
.pop_col .col_img{margin: 0 auto;}
.pop_col .col_desc{letter-spacing: -1.5px}
.pop_col.giftbox{padding-left: 100px; }
.pop_col .col_tit{padding-left: 20px; line-height:1.4}
.pop_col.gifti .col_tit{padding-left: 50px; }
.pop_col.ai .col_tit{padding-left: 30px; }
.pop_col.giftbox .col_img{margin-top: 40px; margin-bottom: 56px; width: 200px;}
.pop_col.gifti .col_img{margin-top: 44px; margin-bottom: 40px; width: 113px;}
.pop_col.ai .col_img{margin-top: 40px; margin-bottom: 20px; width: 188px;}
.col_tit{text-align: left;}

/* 공지사항 */
.notice_section{padding-left: 20px; height: 50px; color: #fff; font-size: 20px; line-height: 50px; background: #9c9c9c;}
.notice_title{padding-left: 20px; height: 46px; font-family: "S-CoreDream", sans-serif; line-height: 46px; border-bottom: 1px solid #9a9a9a; cursor: pointer; background: #fff url('../image/common/ic-board-next.png') no-repeat; background-position: 98% 16px; }
.notice_txt{display: none; font-family: "S-CoreDream", sans-serif; background: #f7f7f7;}
.notice_txt p{padding: 30px 20px; font-size: 16px; line-height: 22px; }
.notice_txt a{color: #333; }

@media screen and (min-width: 1921px){
    .coper_box .flag_box.flag01{top: 290px; left: 20% }
    .coper_box .flag_box.flag02{top: 528px; left: 30.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 55% }
    .coper_box .flag_box.flag05{top: 290px; left: 70% }    
}
@media screen and (max-width: 1920px){
    .coper_box .flag_box.flag01{top: 290px; left: 20% }
    .coper_box .flag_box.flag02{top: 528px; left: 30.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 55% }
    .coper_box .flag_box.flag05{top: 290px; left: 70% }    
}
@media screen and (max-width: 1840px){
    .coper_box .flag_box.flag01{top: 290px; left: 19% }
    .coper_box .flag_box.flag02{top: 528px; left: 29.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 70.5% }      
}
@media screen and (max-width: 1740px){
    .coper_box .flag_box.flag01{top: 290px; left: 17% }
    .coper_box .flag_box.flag02{top: 528px; left: 28.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 72% }      
}
@media screen and (max-width: 1640px){
    .coper_box .flag_box.flag01{top: 290px; left: 15% }
    .coper_box .flag_box.flag02{top: 528px; left: 27.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 44% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 73% }      
}
@media screen and (max-width: 1540px){
    .coper_box .flag_box.flag01{top: 290px; left: 13% }
    .coper_box .flag_box.flag02{top: 528px; left: 24% }
    .coper_box .flag_box.flag03{top: 290px; left: 44% }
    .coper_box .flag_box.flag04{top: 528px; left: 57% }
    .coper_box .flag_box.flag05{top: 290px; left: 75% }
}
@media screen and (max-width: 1440px){
    .coper_box .flag_box.flag01{top: 290px; left: 10% }
    .coper_box .flag_box.flag02{top: 528px; left: 24% }
    .coper_box .flag_box.flag03{top: 290px; left: 43% }
    .coper_box .flag_box.flag04{top: 528px; left: 57% }
    .coper_box .flag_box.flag05{top: 290px; left: 76% }
}
@media screen and (max-width: 760px){
    .chase{display: none;}
    .wrap{display: inline-block; min-width: 100%; }
    .mobile_container{display: block; border-top: 2px solid #a7a7a7}
    .mobile_container.last{border-bottom: 2px solid #a7a7a7;}
    .wrap{display: block; min-width: 1440px; }
.inner{margin: 0 auto; position: relative; width: 1440px;}
.inner:after,
.clearfix:after{content: ""; display: block; clear: both;}
.mobile_container{display: none;}
.mobile_container{overflow: hidden; font-size: 0; border-top: 2px solid #a7a7a7}
.mobile_container.last{border-bottom: 2px solid #a7a7a7;}

.chase{position: absolute; z-index: 9999; top:0; left: 0; width: 60px; height: 60px; border-radius: 20px; background: url('../image/common/cursor.gif') no-repeat; background-size: cover;}
/* 버튼박스 */
.btn_box:after{content: ""; display: block; clear: both;}
.btn{display: inline-block; position: relative;}
.btn.right_arrow{padding-right: 32px; background: url('../image/common/bg-btn-arrow.png') 100% center no-repeat; background-size: 25px 25px;}
.btn.pointer:after{content: ""; position: absolute; top: 50%; left: 100%; margin-left: -12px; width: 58px; height: 58px; transform: translateY(-50%); background: #00bcab}
.btn span{display: block; width: 100%; padding: 0 20px; font-size: 16px; font-weight: 700;}
.btn .round{border-radius: 12px;}
.btn .round.cyan{ background: #00bcab}
.btn .round.purple{ background: #8332a0;}
.btn .round.blue{background: #296b8c}

/* header */
header{height: 80px; text-align: center; border-bottom: 1px solid #c3c3c3; background: #fff;}
header>.inner{height: 80px;}
.logo{position: absolute; bottom: 10px; }
.logo img{display: block; width: 100%;}
.logo.main{left: 20px; z-index: 400; width:72px; height: 52px; }
.logo.goyang_city{bottom: 14px; right: 146px; width: 87px; height: 24px;}
.logo.sponser{right: 0; width: 137px; height: 29px;}

/* footer */
footer{height: 80px; text-align: center; background: #fff; }
footer p{padding-top: 20px;font-size: 12px; letter-spacing: -1px; line-height: 16px; }

/* header nav */
.main_nav{position: relative; padding-bottom: 10px; width: 100%; height: 80px; }
.main_nav>.main_nav_list{width: 100%; text-align: center; font-size: 0;}
.main_nav>.main_nav_list>li{position: relative; display: inline-block; position: relative; width: 104px; height: 79px; cursor: pointer;}
.main_nav>.main_nav_list>li:nth-child(1)>a,
.main_nav>.main_nav_list>li:nth-child(5)>a{background: url('../image/common/bg_nav_gr.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(2)>a,
.main_nav>.main_nav_list>li:nth-child(6)>a{background: url('../image/common/bg_nav_cy.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(3)>a,
.main_nav>.main_nav_list>li:nth-child(7)>a{background: url('../image/common/bg_nav_pu.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(4)>a,
.main_nav>.main_nav_list>li:nth-child(8)>a{background: url('../image/common/bg_nav_yl.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li:nth-child(9)>a{color: #333; background: url('../image/common/bg_nav_mono.png') no-repeat 0 0; background-size: contain;}
.main_nav>.main_nav_list>li>a{display: block; position: absolute; top: 39px; left: 0; right: 0;  width: 100%; height: 30px; color: #fff; font-family: "Noto_Sans_KR", sans-serif; font-size: 14px; font-weight: 600; line-height: 36px; transition: top 0.3s;} 
.main_nav>.main_nav_list>li:hover>a,
.main_nav>.main_nav_list>li.on>a{top: 18px;}

.nav_depth01{overflow: hidden; position: fixed; z-index: 900; top: 80px; left:0; right: 0; height: 0; border-bottom: 0; transition: height 0.3s; background: #fff;}
.nav_depth01 .sub_nav li{display: inline-block; vertical-align: middle; line-height: 36px;}
.nav_depth01 .sub_nav li:not(:first-child){margin-left: 24px;}
.nav_depth01 .sub_nav li a{display: block; position: relative; color: #303030; font-family: "S-CoreDream", sans-serif; font-size: 14px; font-weight: 700;}
.nav_depth01 .sub_nav li a:after{content: ""; position: absolute; bottom: 6px; left: -8px; right: -8px; height: 2px; display: block; background: #303030;}

/* subnav call */
.main_nav>.main_nav_list>li:nth-child(1):hover .nav_depth01.nav01,
.main_nav>.main_nav_list>li:nth-child(2):hover .nav_depth01.nav02,
.main_nav>.main_nav_list>li:nth-child(3):hover .nav_depth01.nav03,
.main_nav>.main_nav_list>li:nth-child(4):hover .nav_depth01.nav04,
.main_nav>.main_nav_list>li:nth-child(5):hover .nav_depth01.nav05,
.main_nav>.main_nav_list>li:nth-child(6):hover .nav_depth01.nav06,
.main_nav>.main_nav_list>li:nth-child(7):hover .nav_depth01.nav07,
.main_nav>.main_nav_list>li:nth-child(8):hover .nav_depth01.nav08{z-index: 999; height: 38px; border-bottom: 1px solid #c3c3c3;}
.main_nav>.main_nav_list>li:nth-child(1).on .nav_depth01.nav01,
.main_nav>.main_nav_list>li:nth-child(2).on .nav_depth01.nav02,
.main_nav>.main_nav_list>li:nth-child(3).on .nav_depth01.nav03,
.main_nav>.main_nav_list>li:nth-child(4).on .nav_depth01.nav04,
.main_nav>.main_nav_list>li:nth-child(5).on .nav_depth01.nav05,
.main_nav>.main_nav_list>li:nth-child(6).on .nav_depth01.nav06,
.main_nav>.main_nav_list>li:nth-child(7).on .nav_depth01.nav07,
.main_nav>.main_nav_list>li:nth-child(8).on .nav_depth01.nav08{height: 38px; border-bottom: 1px solid #c3c3c3;}
.main_nav>.main_nav_list>li:nth-child(9):hover>a{top: 39px;}

/* subnav menu hover */
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a.on{color: #75af0e;}
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(1) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(5) .nav_depth01 .sub_nav li a.on:after{background: #75af0e}

.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a.on{color: #0cc1c1;}
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(2) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(6) .nav_depth01 .sub_nav li a.on:after{background: #0cc1c1}

.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a.on{color: #8332a0;}
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(3) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(7) .nav_depth01 .sub_nav li a.on:after{background: #8332a0}

.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a:hover,
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a.on,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a.on{color: #f99b06;}
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a:hover:after,
.main_nav>.main_nav_list>li:nth-child(4) .nav_depth01 .sub_nav li a.on:after,
.main_nav>.main_nav_list>li:nth-child(8) .nav_depth01 .sub_nav li a.on:after{background: #f99b06}

/* subnav menu margin */
.nav_depth01.nav01>.inner{width: 1000px; }
.nav_depth01.nav02>.inner{width: 670px; }
.nav_depth01.nav03>.inner{width: 520px; }
.nav_depth01.nav04>.inner{width: 650px; }
.nav_depth01.nav05>.inner{width: 240px; }
.nav_depth01.nav06>.inner{width: 280px; }
.nav_depth01.nav07>.inner{width: 580px; }
.nav_depth01.nav08>.inner{width: 750px; }

.nav_depth01.nav01 .sub_nav{text-align: left;}
.nav_depth01.nav02 .sub_nav{text-align: left;}
.nav_depth01.nav03 .sub_nav{text-align: left;}
.nav_depth01.nav04 .sub_nav{text-align: left;}
.nav_depth01.nav05 .sub_nav{text-align: right;}
.nav_depth01.nav06 .sub_nav{text-align: right;}
.nav_depth01.nav07 .sub_nav{text-align: right;}
.nav_depth01.nav08 .sub_nav{text-align: right;}

/* sub allnav call */
.all_view_nav{display: none; position: absolute; z-index: 1000; top: 100%; left: 50%; margin-top: 20px; padding: 10px 0; width: 65%; transform: translateX(-50%); font-size: 0; text-align: left; border: 1px solid #c3c3c3; background: #fff; }
.all_view_nav .btn_nav_close{position: absolute; top: 20px; right: 20px; width: 17px; height: 17px; background: url('../image/common/ic-btn-close.png') no-repeat; background-size: contain}
.all_view_nav .all_category{display: inline-block; vertical-align: top; width: calc((100% - 32px) / 8); height: 210px;}
.all_view_nav .all_category+.all_category{border-left: 1px solid #88d7e8}
.all_view_nav .title{padding: 10px 0; font-size: 18px; text-align: center;}
.all_view_nav .all_list{margin-top: 16px;}
.all_view_nav .all_list li{text-align: center;}
.all_view_nav .all_list li a{color: #303030; font-size: 14px; line-height: 18px; }
.all_view_nav .all_list li+li{margin-top: 10px;}

/* container setting */
.container.fes,
.container.hire,
.container.consult,
.container.diagnosis{padding-top: 140px; padding-bottom: 80px;}
.container.exp,
.container.opening,
.container.live,
.container.info{padding-top: 120px; padding-bottom: 80px; }
.container.motion,
.container.click{padding-top: 120px; padding-bottom: 80px; }
.container.coper{padding-top: 0px; padding-bottom: 80px;}
.container.market{padding-top: 200px; padding-bottom: 80px;}
.container.event{padding-top: 180px; padding-bottom: 80px;}
.container.competition{overflow: hidden; position:relative; background: url('../image/content/bg_competition.png') no-repeat; background-size: 100% 100%;}

/* inner setting */
.container.fes .inner{padding-bottom: 60px; width: 1200px;}
.container.live .inner,
.container.diagnosis .inner{width: 1200px;}
.container.info .inner{width: 910px;}
.container.click .inner{width: 1200px; padding-right: 30px; }
.container.coper .inner{width: 100%; min-width: 1440px;}
.container.consult .inner{width: 1100px;}
.container.market .inner{width: 960px;}
.container.event .inner{width: 920px;}
.container.motion .inner{width: 1200px;}
.container.competition .inner{overflow: hidden; z-index: 10; padding-bottom: 80px; width: 1280px; font-size: 0; text-align: center; }

/* table setting type01 */
.table_box{width: 100%;}
.table_box .table{width: 100%; text-align: center;}
.table_box .table .table_header{display: block; font-size: 0;}
.table_box .table .table_body{display: table; width: 100%; table-layout: fixed;}
.table_box .table .table_header .table_col{display: inline-block; vertical-align: middle;}
.table_box .table .table_body .table_row{display: table-row;}
.table_box .table .table_body .table_col{display: table-cell; vertical-align: middle; border-collapse: collapse;}
.table_box .table .table_col{color: #333; letter-spacing: -1px; line-height: 1.2}

/* table setting type02 */
.table_box .table table{width: 100%; table-layout: fixed;}
.table_box .table table th,
.table_box .table table td{vertical-align: middle; }
.table_box .table table th{height: 44px; color: #fff; font-size: 16px; letter-spacing: -1px; background: #9c9c9c}
.table_box .table table td{height: 40px; font-size: 14px; border-bottom: 1px solid #d7d7d7}
.table_box .table table td .table_title{display: block; padding: 0 20px; width: 100%; color: #333; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* font setting */
.txt_s{font-family: "S-CoreDream", sans-serif !important; }
.txt_tvn{font-family: "tvN", sans-serif !important;}
.txt_noto{font-family: "Noto_Sans_KR", sans-serif !important;}
.txt_tmon{font-family: "Monsori", sans-serif !important;}
.txt_kd{font-family: "Kukdae", sans-serif !important;}
.txt_bolder{font-weight: 700 !important;}

/* round box title */
.title_round{display: inline-block; vertical-align: middle; width: 220px; height: 30px; color: #fff; font-size: 16px; font-weight: 600; line-height: 32px; border-radius: 14px; text-align: center}
.title_round.org_gradient{background-image: linear-gradient(to right, #ef6400 0, #f6a624 100%); }
.title_round.shadow{box-shadow: 0px 6px 12px rgba(0,0,0,0.3);;}

/* hand write title */
.title_cursive{position: absolute; bottom: 100%; left:50%; color: #000; font-size: 40px; text-align: center; letter-spacing: -2px; transform: translateX(-50%)}
.title_cursive span{color: #00529c; font-size: 56px; letter-spacing: -2px; }
.title_cursive i{position: absolute; z-index: -10; bottom: 15px; left: 50%; height: 11px; border-radius: 5.25px; transform: translateX(-50%); background: #fdd000; }

/* paragraph setting */
.title{position: relative; padding-left: 16px; color: #000; font-size: 16px; font-weight: 700;}
.title.space{padding-left: 36px;}
.title.orange{color: #ff8528; font-size: 14px;}
.context{position: relative; padding-top: 10px; padding-bottom: 30px; padding-left: 16px; color: #000; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -1px;}
.title.dot:before{content: ""; display: block; position: absolute; top: 0px; left: 0; width: 10px; height: 10px; border-radius: 10px; background: #a9a8a8;}
.context.left_border:before{content: ""; position: absolute; top: 2px; bottom: 4px; left: 5px; width: 1px; background: #a9a9a9;}
.context span.space{display: block; position: relative; padding-left: 20px; line-height: 22px;}
.context span.dot:before{content: ""; position: absolute; top: 6px; left: 4px; width: 7px; height: 7px; background: #a9a9a9;}

/* other element setting */
.common_cnt_box{overflow: hidden; position: relative; z-index: 5; width: 100%; border-radius: 12px; background: #a9a7a8}

/* 아래로는 서브페이지 관련 셋팅 분리할 경우 sub.css로 분리 */

/* festival page */
.fes_info_left,
.fes_info_right{float: left; }
.fes_info_right{position: relative; font-size: 0; text-align: center;}
.fes_cnt_box{display: inline-block; vertical-align: middle; position: relative; width: 400px; padding-top: 370px;}
.fes_cnt_box .carousel,
.fes_cnt_box .carousel01{top:50px; left: 0; width: 100%; margin-left:0;}
.carousel .item,
.carousel01 .item{width: 206px; height: 263px; background: transparent;}

/* festival introduce page */
.fes_info_full{position: relative; margin: 0 auto; width: 80%;}
.fes_info_full+.fes_info_full{margin-top: 80px;}
.fes_introduce_cnt{position: relative; }
.fes_introduce_cnt.mt30{margin-top: 30px;}
.fes_info_full.pb{padding-bottom: 180px; }
.fes_introduce_cnt.hoho_char{margin-top: 30px; padding-top: 230px; }
.fes_introduce_cnt .hoho_char_bg{position: absolute; z-index: 10; top: 0; left: 0; right: 0; height: 230px; font-size: 0; background:url('../image/content/char_head.png') no-repeat ; background-size: cover;}
.fes_introduce_cnt .hoho_char_bg:before,
.fes_introduce_cnt .hoho_char_bg:after{content: ""; display: block; position: absolute; top: 100%; margin-top: 10px; width: 37px; height: 45px; }
.fes_introduce_cnt .hoho_char_bg:before{left: 0; margin-left: -23px; background: url('../image/content/char_hand_left.png') no-repeat; background-size: cover}
.fes_introduce_cnt .hoho_char_bg:after{right: 0; margin-right: -24px; background: url('../image/content/char_hand.png') no-repeat; background-size: cover}
.title_round.oper{margin-bottom: 30px;}
.kakao_img{position: absolute; top: 0; right: 100px;}
.common_cnt_box .video{display: block; width: 100%; height: 100%;}

/* opening */
.open_left,
.open_right{float: left; }
.open_left{margin-left: 220px; width: 310px; }
.open_right{width: 910px; }
.open_full{width: 100%;}
.container.opening .common_cnt_box{overflow: hidden; padding: 0; height: 342px;}
.container.opening .welcome{position: relative; background: url('../image/content/bg_welcome.png') no-repeat; background-size: 280px 160px; background-position: 460px 40px;}
.container.opening .graduate{background: rgba(255, 222, 207, 0.56)} /* PSD 받고 배경 떼어내서 이미지로 교체 */
.open_txt{font-size: 14px; line-height: 26px; letter-spacing: -1px;}
.open_txt+.open_txt{margin-top: 30px;}
.open_txt b{font-size: 16px; font-weight: 800;}
.open_txt span{display: block;}
.open_txt.left_space{padding-left: 80px; }
.btn_box.opening{width: 100%; text-align: right;}
.btn_box.opening .round{height: 25px; color: #fff; line-height: 26px; font-weight: 400;}
.open_left .pic{margin-top: 40px;}
.container.opening .welcome .dots{position: absolute; }
.container.opening .welcome .dots.start{top: 0; left: 30px}
.container.opening .welcome .dots.end{bottom: 50px; right: 340px;}

/* live */
.table_box.schedule .table .table_col:nth-child(1),
.table_box.schedule .table .table_col:nth-child(4){width: 146px;}
.table_box.schedule .table .table_col:nth-child(5){width: 154px;}
.table_box.schedule .table .table_col:nth-child(3){width: 198px;}
.table_box.schedule .table .table_col:nth-child(2){width: 554px}

.table_box.schedule .table .table_header{margin-bottom: 6px;}
.table_box.schedule .table .table_header .table_col{height: 36px; font-size: 16px; line-height: 36px; background: #ebebeb;}
.table_box.schedule .table .table_header .table_col+.table_col{border-left: 1px solid #fff;}
.table_box.schedule .table .table_body{border: 1px solid #a8a8a8;}
.table_box.schedule .table .table_body .table_col:nth-child(2){padding-left: 26px; text-align: left; }
.table_box.schedule .table .table_body .table_col{height: 70px; font-size: 14px; border-width: 1px 0 0 1px; border-style: solid; border-color: #a8a8a8;}
.table_box.schedule .table .table_body .table_col:first-child{border-left: 0;}
.table_box.schedule .table .table_body .table_row:nth-child(1) .table_col{border-top: 0;}

.live_desc{margin-top: 20px; font-size: 16px; text-align: right;}

/* live click */
.click_left,
.click_right{float: left;}
.click_left{width: 520px; }
.click_right{width: calc(100% - 520px); font-size: 0;}
.live_list{position: relative; display: inline-block; vertical-align: middle; margin-left: 18px; margin-bottom: 20px;  padding: 28px 0 0 16px; width: 280px; height: 110px; border: 2px solid  #a8a8a8; border-radius: 10px;}
.live_list:nth-child(odd){margin-left: 0;}
.live_list:nth-child(9),
.live_list:nth-child(10){margin-bottom: 0;}
.live_list:before{content: ""; display: block; position: absolute; top: -20px; left: 50%; width: 25px; height: 25px; border: 7px solid #fff; transform: translateX(-50%); background: url('../image/common/btn_play.png') no-repeat; background-size: cover; }
.live_list span{display: inline-block; vertical-align: top; font-size: 13px; letter-spacing: -0.5px; line-height: 16px;}
.video_frame{position: relative; margin-top: 176px; width: 492px; height: 308px; border-radius: 15px; background: #a9a7a8}
.video_frame:before,
.video_frame:after{content: ""; display: block; position: absolute; z-index: 10; top: 12px; width: 22px; height: 28px;}
.video_frame:before{left: -13px; background: url('../image/content/char_hand_left.png') no-repeat; background-size: contain;}
.video_frame:after{right: -13px; background: url('../image/content/char_hand.png') no-repeat; background-size: contain}
.video_frame .bg{position: absolute; z-index: 4; bottom: 100%; left: 0; right: 0; width: 100%; height: 150px; background: url('../image/common/bg_char01.png') center center no-repeat; background-size: contain; }
.video_frame iframe{position: relative; z-index: 5;}

/* hire */
.title_cursive.hire i{width: 610px; }
.coper_box{position: relative; overflow: hidden; padding-top: 174px;  width: 100%; height: 760px; background: url('../image/content/bg_coper.png') no-repeat; background-size: cover; background-position: center center;}
.coper_box .flag_box{position: absolute; width: 310px; height: 165px;}
.coper_box .flag{position: absolute; z-index: 10; bottom: 0; left: 0; width: 208px; height: 205px; transition: bottom 0.3s ease-in-out;}
.coper_box .flag img{display: block; width: 100%;}

.coper_box .flag_box:hover .flag{bottom: 40px; }

.hire_con_box.frame{position: relative; margin: 0 auto; padding-top: 90px; width: 990px; font-size: 0; text-align: left;}
.hire_con_box .box{display: inline-block; vertical-align: top; margin-left: 44px; margin-bottom: 44px;  width: 300px; font-size: 16px; border: 1px solid #d7d7d7;}
.hire_con_box .box:nth-child(3n+1){margin-left: 0;}
.hire_con_box .box .pic{overflow: hidden; height: 230px;}
.hire_con_box .box .pic iframe{display: block; width: 100%; height: 100%;}
.hire_con_box .box .box_txt{padding: 20px 0 20px 20px; height: 100px; font-size: 15px; line-height: 18px; letter-spacing: -1px; border-top: 1px solid #d7d7d7; text-align: left;}
.hire_con_box .box .box_txt .bot_tit{font-weight: 700;}
.hire_con_box .box .box_txt .bot_desc{margin-top: 10px; font-weight: 400;}
.hire_con_box .box .box_txt .bot_desc.one_line{margin-top: 26px;}

.title_cursive.explain i{width: 283px;}
.hire_banner{display: inline-block; vertical-align: middle; margin-bottom: 38px; width: 457px; height: 98px;}
.hire_banner:nth-child(even){margin-left: 74px;}
.hire_banner a,
.hire_banner img{display: block; width: 100%; }

/* 1:1 컨설팅 */

.consult_box{width: 100%; font-size: 0; text-align: center;}
.consult_item{display: inline-block; vertical-align: top; width: 363px;}
.consult_pic{position: relative; margin: 0 auto 20px; padding: 10px; width: 210px; height: 210px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); background: #fff;}
.consult_pic .tit{position: absolute; top: 20px; left: 20px; padding: 0 16px; height: 20px; color: #fff; font-size: 12px; line-height: 22px; border-radius: 5px; background: rgba(255, 255, 255, 0.5 )}
.consult_pic .image{overflow: hidden; border-radius: 10px;}
.consult_pic .image img{display: block; width: 100%;}
.consult_item_name{font-size: 14px; text-align: center; letter-spacing: -1.5px;}
.signature_txt{margin-top: 47px; width: 100%; font-size: 12px; letter-spacing: -1.5px; text-align: center; line-height: 20px; background: url('../image/content/bg_consult01.png') no-repeat; background-size: 264px 76px; background-position: 0 0; }
.signature_txt.txt01{height: 76px; line-height: 76px; }
.signature_txt.txt02{padding-top: 30px; padding-left: 20px; height: 130px; text-align: left; background: url('../image/content/bg_consult02.png') no-repeat; background-size: 264px 130px;}
.consult_info_txt{padding-top: 30px; padding-left: 26px; font-size: 12px; line-height: 18px; text-align: left; letter-spacing: -1px; }
.consult_info_txt.txt02{padding-left: 0;}
.consult_box .title_round{margin-top: 50px; color: #fff;}
.consult_box .title_round a{color: #fff;}

.consult_box .txt_box{overflow: hidden; position: relative; margin: 126px auto 0; width: 586px;}
.consult_box .txt_box .consult_badge{position: absolute; top: 0; left: 0; width: 70px; height: 30px; color: #fff; font-size: 16px; line-height: 30px; text-align: center; letter-spacing: -1.5px; border-radius: 5px; background: #333;}
.consult_box .txt_box .consult_ai_txt{margin-top: 22px; padding-top:26px;  height: 74px; text-align: left; font-size: 12px; letter-spacing: -1px; line-height: 16px; background: url('../image/content/bg_consult03.png') no-repeat; background-size: 500px 74px; background-position: 100% 100%;}

/* 온라인 진단 */
.diag_con_box{font-size: 0;}
.diag_con_box .left_box,
.diag_con_box .right_box{display: inline-block; vertical-align: middle; font-size: 0; }
.diag_con_box .left_box{width: calc(100% - 680px)}
.diag_con_box .right_box{width: 680px;}
.diag_con_box .title_round{display: block; margin: 0 auto 30px; }
.diag_con_box .left_box .diag_box{position: relative;}
.diag_con_box .left_box .diag_box.box02{margin-top: 80px;}
.diag_con_box .left_box .diag_title{position: relative; margin-bottom: 30px; color: #000; font-size: 14px; letter-spacing: -0.5px; line-height: 22px;}
.diag_con_box .left_box .diag_title b{color: #ff0101; font-size: 16px;}
.diag_txt{font-size: 14px;}
.diag_txt span{display: block; padding-left: 20px; line-height:22px;}
.diag_txt .txt_ck{background: url('../image/common/ic-check.png') center left no-repeat;}

/* 선셋팅 */
.diag_con_box .left_box .diag_box:before,
.diag_con_box .left_box .diag_box:after{content: ""; position: absolute; z-index: 20; width: 10px; height: 10px; border-radius: 100%; background: #a9a8a8;}
.diag_con_box .left_box .diag_box .line{position: absolute; z-index: 10; background: #ffc03a}
.diag_con_box .left_box .diag_box .line.long{width: 247px; height: 2px;}
.diag_con_box .left_box .diag_box .line.verti{width: 2px; height: 65px;}
.diag_con_box .left_box .diag_box .line.short{width: 156px; height: 2px;}
.diag_con_box .left_box .diag_box.box01:before{bottom: 100%; left: 24px; margin-bottom: 5px; }
.diag_con_box .left_box .diag_box.box01:after{top: 49px; left: 116px;}
.diag_con_box .left_box .diag_box.box01 .long{bottom: 100%; left: 40px; margin-bottom: 9px;}
.diag_con_box .left_box .diag_box.box01 .verti{top: 0; left: 285px; margin-top: -10px;}
.diag_con_box .left_box .diag_box.box01 .short{top: 100%; left: 130px; margin-top: 9px;}

.diag_con_box .left_box .diag_box.box02:before{bottom: 100%; left: 240px; margin-bottom: 5px; }
.diag_con_box .left_box .diag_box.box02:after{top: 49px; left: 150px;}
.diag_con_box .left_box .diag_box.box02 .long{bottom: 100%; left: 0; margin-bottom: 9px; margin-left: -12px;}
.diag_con_box .left_box .diag_box.box02 .verti{top: 0; right: 100%; margin-top: -10px; margin-right: 10px; }
.diag_con_box .left_box .diag_box.box02 .short{top: 100%; left: 0; margin-top: 9px; margin-left: -12px;}

/* 온라인 진단 카드 엘리먼트 셋팅 */
.consult_card{display: inline-block; width: 200px;}
.consult_card:not(:first-of-type){margin-left: 30px;}
.consult_card .card_head{height: 62px;  border: 1px solid #d7d7d7; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #d7d7d7;}
.consult_card .card_head p{color: #333; font-size: 24px; line-height: 64px; text-align: center}
.consult_card .card_body{overflow: hidden; position: relative; height: 254px; text-align: center; border: 1px solid #d7d7d7; border-top: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.consult_card .card_body .title{margin: 24px 0 32px; padding: 0; line-height: 20px;}
.consult_card .card_body .txt{font-size: 14px; line-height: 20px;}
.consult_card .card_body .btn_box{position: absolute; bottom: 12px; right: 12px;}
.consult_card .card_body .btn.right_arrow{padding: 0 10px; height: 25px; line-height: 27px; }
.consult_card .card_body .btn span{color: #333; font-size: 14px;}

/* experience */
.brain_map{position: relative; margin: 0 auto; width: 100%; height: 640px;}
.map_txt,
.map_txt_star{position: absolute; z-index: 10; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.map_txt_star{display: inline-block; height: 34px; color: #333; font-size: 16px; line-height: 34px; letter-spacing: -1px; text-align: center; border-radius: 5px; background: #fff;}
.map_txt_star:before{content: ""; display: block; position: absolute; top: 0; left: 0; margin-top: -20px; margin-left: -20px; width: 50px; height: 50px; background: url('../image/content/ic-star.png') no-repeat; background-size: cover;}
.brain_map .main{top: 50%; left: 50%; padding-top: 55px; width: 148px; height: 148px; color: #ff6000; font-size: 22px; font-weight: 700; text-align: center; letter-spacing: -1px; border-radius: 100%; transform: translate(-50%, -50%); background: #faf700;}
.brain_map .main .map_txt_star{}
.brain_map img{display: block; width: 100%;}
.brain_map .title_cursive i{width: 320px; }

/* 누구나 영상체험 */
.motion_left,
.motion_right{float: left;}
.motion_left{margin-top: 60px; width: 520px;}
.motion_right{overflow: hidden; margin-top: 100px; padding-left: 60px; width: calc(100% - 520px)}
.motion_desc{position: absolute; top: 100%; left: 0; right: 0; margin-top: 20px; padding: 10px; height: 100px; overflow-y: auto; border: 1px solid #c5c5c5; }
.motion_desc .desc_title{margin-bottom: 16px; font-size: 16px;}
.desc_para{font-size: 12px; letter-spacing: -0.5px; line-height: 18px;}
.desc_para+.desc_para{margin-top: 20px; }
.desc_para:last-of-type{padding-bottom: 20px;}
.desc_para span{display: block;}
.desc_para .para_txt{padding-left: 10px; }
.title_cursive.motion i{width: 520px;}
.video_frame .motion_box_top{overflow: hidden; width: 100%; height: 308px; border-radius: 15px; background: #fc9;}
.video_frame .motion_box_top iframe{display: block; width: 100%; height: 100%}
.motion_box{float: left; margin-top: 16px; margin-left: 16px; width: 130px; height: 140px; border: 1px solid #d7d7d7;}
.motion_box:nth-child(4n+1){margin-left: 0;}
.motion_box .motion_box_top{position: relative; width: 100%; height: 103px; cursor: pointer; background: #f2f3f7;}
.motion_box .motion_box_top .cover{position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0;}
.motion_box .motion_box_top iframe{display: block; position: relative; z-index: 5; width: 100%; height: 100%;}
.motion_box .motion_box_desc{padding: 6px; height: 35px; font-size: 10px; border-top: 1px solid #d7d7d7; background: #fff;}

.map_txt01{bottom: 100%; right: 100%; margin-right: 311px; margin-bottom: 57px; width: 140px; }
.map_txt02{top: 14px; right: 100%; margin-right: 370px; padding-left: 20px; width: 200px; }
.map_txt03{bottom: 100%; right: 100%; margin-bottom: -10px; margin-right: 130px; padding-left: 10px; width: 130px;  }
.map_txt04{top: 80px; right: 100%; margin-right: 38px; padding-left: 10px; width: 130px; }
.map_txt05{top: 130px; right: 100%; margin-right: 330px; width: 130px; }
.map_txt06{top: 100%; right: 100%; margin-top: 25px; margin-right: 90px; width: 150px; }
.map_txt07{top: 274px; right: 100%; margin-right: 250px; width: 150px; }
.map_txt08{bottom: 100%; right: 100%; margin-bottom:72px; margin-right: -120px; width: 150px;}
.map_txt09{top: 100%; left: 100%; margin-top: 96px; margin-left: -160px; width: 290px;}
.map_txt10{bottom: 100%; left: 100%; margin-bottom: -6px; margin-left: 40px; padding-left: 10px; width: 130px; }
.map_txt11{bottom: 100%; left: 100%; margin-left: 190px; margin-bottom: 85px; width: 180px; }
.map_txt12{bottom: 100%; left: 100%; margin-left: 436px; margin-bottom: -20px; padding-left: 20px; width: 130px; }
.map_txt13{top: 50%; left: 100%; margin-top: -38px; margin-left: 200px; width: 130px;}
.map_txt14{top: 100%; left: 100%; margin-top: -30px; margin-left: 430px; width: 130px; }
.map_txt15{top: 100%; left: 100%; margin-top: 10px; margin-left: 100px; width: 150px; }
.map_txt16{top: 100%; left: 100%; margin-top: 270px; margin-left: 326px; width: 150px; }

/* 마켓 */
.market_contains{}
.market_contains .title_cursive{margin-bottom: 20px;}
.market_contains .title_cursive span{
    font-size: 64px;
    background: linear-gradient(to right, #b6359c, #ef0a0a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.market_contains .title_cursive i{margin-left: -20px; width: 460px;}

.market_top{padding-top: 80px; font-size: 0; text-align: center; }
.market_top .market_box{display: inline-block; vertical-align: top; position: relative;  width: 50%;}
.market_top .market_box+.market_box{padding-top: 12px;}
.market_top .market_box .market_desc{display: inline-block; position: relative; margin-bottom: 46px; font-size: 12px; letter-spacing: -0.5px; line-height: 22px; }
.market_top .market_box .market_desc:before,
.market_top .market_box .market_desc:after{content: ""; position: absolute; width: 27px; height: 17px;}
.market_top .market_box .market_desc:before{top: 0; right: 100%; background: url('../image/content/para_start.jpg') no-repeat; background-size: cover; }
.market_top .market_box .market_desc:after{bottom: 0; left: 100%; margin-left: -10px; background: url('../image/content/para_end.jpg') no-repeat; background-size: cover;}
.market_top .market_box .img_content{position: relative; font-size: 0; line-height: 20px;}
.market_top .market_box .img_content .imgbox{position: absolute; top: -20px; left:0; z-index: 10; display: inline-block; vertical-align: middle;}
.market_top .market_box .img_content .imgbox img{display: block; width: 100%;}
.market_txt{display: inline-block; position: relative; padding: 22px 46px 22px 100px ; font-size: 14px; text-align: left; border: 2px solid #797979; border-radius: 5px; }
.market_txt .market_title{display: inline-block; position: absolute; bottom: 100%; left: 80px; padding: 0 20px; color: #e89300; font-size: 20px; font-weight: 800; letter-spacing: -1px; background: #fff;} 
.market_txt .market_title i{color: #ff0000}
.market_txt span{display: block; position: relative; padding-left: 36px; } 
.market_txt span .dodge{position: absolute; top: 0; left: 0; color: #0068b7} 
.market_txt span b{color: #0068b7} 

.market_box .title_round{position: absolute; z-index: 10; top: 0; left: 20px; width: 240px;}
.market_right_txt{position: relative; z-index: 10; margin-top: 40px; width: 46%; font-size: 11px; line-height: 20px; text-align: right;}
.pola_photo{position: absolute; z-index: 5; top: -20px; left: 230px;}

.market_bot{overflow: hidden; margin-top: 90px; }
.market_bot li{float: left; margin-left: 10px; margin-bottom: 36px;}
.market_bot li:nth-child(8n+1){margin-left: 0;}
.market_bot li a{display: block;}
.market_bot li a span{display: block; width: 100%;}
.market_bot li a .img_box{overflow: hidden; width: 110px; height: 140px;  border-radius: 5px; }
.market_bot li a .img_desc{color: #333; margin-top: 12px; font-size: 12px; letter-spacing: -1px; text-align: center }

.btn_box.exp .btn.left{float: left;}
.btn_box.exp .btn.right{float: right;}
.btn_box.exp .btn .round{height: 25px; color: #fff; line-height: 25px;}

/* 이벤트 - 경진 */
.container.competition .bg_balloon{position: absolute; z-index: 20; display: block;}
.container.competition .bg_balloon.left{top: -10%; left: -100px; height: 100%;}
.container.competition .bg_balloon.right{top: -15%; right: 0; height: 100%;}
.container.competition .giftbox{position: absolute; z-index: 15; right: 0; bottom: 120px;}
.container.competition .border{position: absolute; z-index: 5; top: 70px; left: 20px; bottom: 20px; right: 20px; border: 4px solid rgba(255,255,255, 0.5); border-radius: 15px;}
.container.competition .title_box{position: absolute; top: 100px; left: 0; right: 0;}
.container.competition .comp_title{margin: 0 auto; padding-bottom: 10px; color: #9b7ad6; font-size: 26px; font-weight: 600; text-align: center;  }
.container.competition .comp_title.big{position: relative; padding-top: 10px; color: #e14774; font-size: 46px; letter-spacing: -2px; }
.container.competition .comp_title.big:before{content: ""; position: absolute; top:0; left: 50%; margin-left: -220px; width: 440px; height: 2px; background: #fff; }

.comp_box{display: inline-block; vertical-align: top; position: relative; margin-top: 236px; padding: 25px; border-radius: 15px; background: #fff; }
.comp_box.left{width: 440px; text-align: left;}
.comp_box .title{color: #004098; font-size: 16px; letter-spacing: -2px;}
.comp_box .context{padding-bottom: 20px; font-size: 12px; line-height:  18px; }
.comp_box .context i{color: #ff0000}

.comp_box.center{margin: 236px 40px 0; padding: 0; background: transparent;}
.comp_box .item{display: inline-block; vertical-align: middle; width: 196px;}
.comp_box .item_box.full{display: block; margin-top: 20px; }
.comp_box .item+.item{margin-left: 50px; }
.comp_box .item .item_box{overflow: hidden; margin: 0 auto 14px; width: 170px; height: 170px; border-radius: 15px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); background: #fff; }
.comp_box .item .item_desc{padding: 6px 0 0 6px; height: 100px; font-size: 12px; letter-spacing: -1px; text-align: left; line-height: 16px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.comp_box .item_box iframe{display: block; width: 100%; height: 100%; }
.comp_box .btn_box{}
.comp_box .btn_box .btn{padding: 0 36px; border-radius: 20px; background-size: 17px 17px; background-color: #fff; background-position: 93% center;}
.comp_box .btn_box .btn .round{padding: 0;color: #296b8c; }

.comp_contxt{padding: 20px; color: #333; font-size: 18px; line-height: 33px; }
.comp_contxt .acc{font-size: 22px;}
.comp_contxt .acc01{color: #46c9cf}
.comp_contxt .acc02{color: #e15f98}
.comp_contxt .acc03{color: #6639e8}

.comp_box.right{position: relative;}
.comp_box.right:before,
.comp_box.right:after{content: ""; display: block; position: absolute; width: 20px; height: 13px; }
.comp_box.right:before{top: 44px; left: 20px; background: url('../image/content/para_start.jpg') no-repeat; background-size: contain;}
.comp_box.right:after{bottom: 56px; right: 20px; background: url('../image/content/para_end.jpg') no-repeat; background-size: contain;}
.comp_box_title{position: absolute; top: 0; left: 50%; margin-top: -16px; margin-left: -45px; width: 90px; height: 32px; color: #fff; font-size: 16px; text-align: center; line-height: 34px; border-radius: 15px; background: #296b8c;}
.attention_txt{position: absolute; z-index: 30; bottom: 40px; left: 0; right: 0; font-size: 12px; text-align: center; }

/* 이벤트 */
.event .title_cursive .pink{color: #f10088;}
.event .title_cursive i{width: 360px;}
.event_banner_box{padding-top: 80px; font-size: 0;}
.event_banner_box .banner_box{display: inline-block; vertical-align: middle; width: 50%; }
.event_banner_box .banner_box a{display: block; margin-bottom: 40px; }

/* 이벤트 팝업 */
.layer{display: none; position: fixed; z-index: 9999; top: 50%; left: 50%; padding: 30px; border: 1px solid #a9a8a8; border-radius: 10px; transform: translate(-50%, -50%); background: #fff;}
.pop_content{position: relative; padding-bottom: 10px; }
.pop_content .pop_close_btn{position: absolute; top: 0; right: 0; width: 17px; height: 17px; font-size: 0; background: url('../image/common/ic-btn-close.png') no-repeat; background-size: cover;}
.pop_title{padding-left: 30px; height: 25px; font-size: 16px; line-height: 27px; background: url('../image/content/pop_title_bg.png') no-repeat; background-size: 25px 25px; background-position: left center; }
.pop_txt{padding-left: 50px; letter-spacing: -1px; line-height: 1.4}
.pop_dot{display: block; position: relative; padding: 30px 0;}
.pop_dot:before{content: ""; display: block; position: absolute; top: 0%; right: 100%; margin-top: 40px; margin-right: 10px; width: 7px; height: 7px; transform: translateY(-50%); background: #a9a8a8;}
.pop_content .youtube{margin: 50px 20px; }
.pop_content img{display: block; width: 100%; }
.pop_content .gift{text-align: center;}
.pop_content .gift .gifticon{margin: 0 auto; width: 113px;}
.pop_content .gift .gift_desc{margin-top: 30px; font-size: 16px; letter-spacing: -1px; }
.pop_content .btn_box{margin-top: 30px; text-align: center;}
.pop_content .btn_box a{font-weight: 400;}
.pop_content .pop_left{display: inline-block; vertical-align: middle; margin-left: 50px; width: 287px;}
.pop_content .pop_right{display: inline-block; vertical-align: middle; }
.pop_content .pop_right .pop_txt{font-size: 14px;}
.pop_content .pop_right .btn_box .btn{padding-left: 30px;}
.pop_content .pop_right .btn_box .btn span{font-size: 14px; font-weight: 400;}
.event03 .gift{margin-top: 70px;}
.layer.event02{width: 900px; text-align: left; font-size: 0;}
.pop_col{display: inline-block; vertical-align: top; margin-top: 40px; width: calc(100% / 3); font-size: 14px; text-align: center; letter-spacing: -1px;}
.pop_col .col_img{margin: 0 auto;}
.pop_col.giftbox{padding-left: 100px; }
.pop_col .col_tit{padding-left: 20px; line-height:1.4}
.pop_col.gifti .col_tit{padding-left: 50px; }
.pop_col.ai .col_tit{padding-left: 30px; }
.pop_col.giftbox .col_img{margin-top: 40px; margin-bottom: 56px; width: 200px;}
.pop_col.gifti .col_img{margin-top: 44px; margin-bottom: 40px; width: 113px;}
.pop_col.ai .col_img{margin-top: 40px; margin-bottom: 20px; width: 188px;}
.col_tit{text-align: left;}

/* 공지사항 */
.notice_section{padding-left: 20px; height: 50px; color: #fff; font-size: 20px; line-height: 50px; background: #9c9c9c;}
.notice_title{padding-left: 20px; height: 46px; line-height: 46px; border-bottom: 1px solid #9a9a9a; cursor: pointer; background: #fff url('../image/common/ic-board-next.png') no-repeat; background-position: 98% 16px; }
.notice_txt{display: none; background: #f7f7f7;}
.notice_txt p{padding: 30px 20px; font-size: 16px; line-height: 22px; }
.notice_txt a{color: #333; }

@media screen and (min-width: 1921px){
    .coper_box .flag_box.flag01{top: 290px; left: 20% }
    .coper_box .flag_box.flag02{top: 528px; left: 30.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 55% }
    .coper_box .flag_box.flag05{top: 290px; left: 70% }    
}
@media screen and (max-width: 1920px){
    .coper_box .flag_box.flag01{top: 290px; left: 20% }
    .coper_box .flag_box.flag02{top: 528px; left: 30.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 55% }
    .coper_box .flag_box.flag05{top: 290px; left: 70% }    
}
@media screen and (max-width: 1840px){
    .coper_box .flag_box.flag01{top: 290px; left: 19% }
    .coper_box .flag_box.flag02{top: 528px; left: 29.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 70.5% }      
}
@media screen and (max-width: 1740px){
    .coper_box .flag_box.flag01{top: 290px; left: 17% }
    .coper_box .flag_box.flag02{top: 528px; left: 28.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 45% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 72% }      
}
@media screen and (max-width: 1640px){
    .coper_box .flag_box.flag01{top: 290px; left: 15% }
    .coper_box .flag_box.flag02{top: 528px; left: 27.5% }
    .coper_box .flag_box.flag03{top: 290px; left: 44% }
    .coper_box .flag_box.flag04{top: 528px; left: 56% }
    .coper_box .flag_box.flag05{top: 290px; left: 73% }      
}
@media screen and (max-width: 1540px){
    .coper_box .flag_box.flag01{top: 290px; left: 13% }
    .coper_box .flag_box.flag02{top: 528px; left: 24% }
    .coper_box .flag_box.flag03{top: 290px; left: 44% }
    .coper_box .flag_box.flag04{top: 528px; left: 57% }
    .coper_box .flag_box.flag05{top: 290px; left: 75% }
}
@media screen and (max-width: 1440px){
    .coper_box .flag_box.flag01{top: 290px; left: 10% }
    .coper_box .flag_box.flag02{top: 528px; left: 24% }
    .coper_box .flag_box.flag03{top: 290px; left: 43% }
    .coper_box .flag_box.flag04{top: 528px; left: 57% }
    .coper_box .flag_box.flag05{top: 290px; left: 76% }
}
@media screen and (max-width: 760px){
    .chase{display: none;}
    .wrap{display: inline-block; min-width: 100%; }
    .mobile_container{display: block; border-top: 2px solid #a7a7a7}
    .mobile_container.last{border-bottom: 2px solid #a7a7a7;}
    .container.info{min-height: 300vh}
    .container.motion{min-height: 300vh;}
    .container.exp{min-height: 300vh;}
    .container.diagnosis{min-height: 300vh;}
    .container.event{min-height: 300vh;}
    .hire_con_box.frame{min-height: 250vh}
}
}