div.inner_wrap { width: 320px; margin: 0 auto; }

header { position: fixed; width: 100%; height: 75px; z-index: 1000; background: #fff; }
header > div.util_menu { width: 100%; height: 25px; text-align: right; background-color: #ff844a; }
header > div.util_menu > div { float: right; }
header > div.util_menu > div.ico_call > p.img { padding-right: 10px; }
header > div.util_menu > div.ico_call > p.img > img { width: 19px; height: 19px; margin-top: 3px;}
header > div.util_menu > div.pn > p.txt { padding-rsight: 10px; padding-top: 4px; font-family: "NanumSquareEB"; font-size: 1.125em; color: #fff;  }
header > div.inner_wrap > div.logo_zone { float: left; width: 320px; padding-top: 5px; }
header > div.inner_wrap > div.logo_zone > h1 { float: left; }
header > div.inner_wrap > div.logo_zone > h1 > a.logo { display: block; width: 150px; height: 40px; margin-top: 5px; margin-left: 85px; background: url("../images/logo.png") no-repeat; background-size: 150px auto; text-indent: -99999em; }
header > div.inner_wrap > div.logo_zone > h1 > a.btn_toggle { display: block; width: 22px; height: 22px; background: url("../images/menu.png") no-repeat; background-size: 22px auto; text-indent: -99999em; margin-top: 12px; margin-left: 63px; }

header > div.inner_wrap > nav { display: block; position: fixed; left: 0; top: 75px; z-index: 100; width: 100vw; height: calc(100vh - 66px); border-top: 1px solid #4e3c20; background: rgba(0, 0, 0, 0.7); transform: translateX(100%); transition: transform 0.2s; }
header > div.inner_wrap > nav > ul { overflow: scroll; width: 80%; height: 100%; margin-left: 80px; background: #fff; }
header > div.inner_wrap > nav > ul > li { width: 100%; }
header > div.inner_wrap > nav > ul > li > a { display: block; width: 100%; padding: 15px 20px; font-family: 'NotoSansKR-Bold'; font-size: 18px; color: #333; background-image: url("../images/btn_nav_T_on.png"); background-repeat: no-repeat; background-size: 14px 8px; background-position: 91% center; }
header > div.inner_wrap > nav > ul > li > ul { display: none; width: 100%; background: #eee; }
header > div.inner_wrap > nav > ul > li > ul > li { width: 100%; }
header > div.inner_wrap > nav > ul > li > ul > li > a { display: block; width: 100%; padding: 15px 20px 15px 30px; font-size: 16px; color: #333; }

section > article.atc_slide { position: relative; padding-top: 75px; height: 555px; }
section > article.atc_slide > div.slides { position: absolute; display: none; width: 100%; height: 100%; object-fit: cover; }
section > article.atc_slide > div.cur { z-index: 1; opacity: 1; background: url("../images/m_bg_01.jpg") no-repeat; background-size: cover; }
section > article.atc_slide > div.right { z-index: 1; opacity: 1;  background: url("../images/m_bg_02.jpg") no-repeat; background-size: cover; }
section > article.atc_slide > div.slides > div.inner_wrap > div.info { position: absolute; right: 20px; top: 70px; }
section > article.atc_slide > div.slides > div.inner_wrap > div.info > p { text-align: right; }
section > article.atc_slide > div.cur > div.inner_wrap > div.info > p.intro { margin-bottom: 44px; font-size: 16px; color: #fff; text-shadow: 2px 1px 3px #555; }
section > article.atc_slide > div.cur > div.inner_wrap > div.info > p.title { margin-bottom: 10px; font-size: 40px; color: #fff; text-shadow: 2px 2px 3px #555; }
section > article.atc_slide > div.cur > div.inner_wrap > div.info > p.title > span { font-family: "NanumSquareEB"; }
section > article.atc_slide > div.cur > div.inner_wrap > div.info > p.desc { font-family: "NanumSquareEB"; font-size: 40px; color: #fab613; text-shadow: 2px 2px 3px #555;  }
section > article.atc_slide > div.right > div.inner_wrap > div.info { margin-top: 120px; }
section > article.atc_slide > div.right > div.inner_wrap > div.info > p.intro { margin-bottom: 44px; font-size: 16px; color: #fff; text-shadow: 2px 1px 3px #555; }
section > article.atc_slide > div.right > div.inner_wrap > div.info > p.title { margin-bottom: 10px; font-size: 18px; color: #fff; text-shadow: 2px 2px 3px #555; }
section > article.atc_slide > div.right > div.inner_wrap > div.info > p.title > span { font-family: "NanumSquareEB"; }
section > article.atc_slide > div.right > div.inner_wrap > div.info > p.desc {  font-size: 30px; color: #fff; text-shadow: 2px 2px 3px #555; }
section > article.atc_slide > div.right > div.inner_wrap > div.info > p.desc > span { font-family: "NanumSquareEB"; color: #fab613;  }

section > article.atc_slide > div.inner_wrap > p.pagination { position: absolute; margin-bottom: 100px; right: 0; bottom: 30px; width: 39px; text-align: center; transform: translateY(150%); z-index: 999; margin-right: 20px;; }
section > article.atc_slide > div.inner_wrap > p.pagination > a { display: inline-block;  width: 16px; height: 16px; border-color: #fff; border: 1px solid #fff; background-color: transparent; border-radius: 50%; text-indent: -9999em; }
section > article.atc_slide > div.inner_wrap > p.pagination > a.sel { width: 16px; height: 16px; background: #fff; border-radius: 50%; }
section > article.atc_slide > div.inner_wrap > div.box { position: absolute; width: 320px; margin-top: 400px;  z-index: 999; }
section > article.atc_slide > div.inner_wrap > div.box > div { width: 155px; height: 50px; background: #fff;  }
section > article.atc_slide > div.inner_wrap > div.box > div > div { float: left; }
section > article.atc_slide > div.inner_wrap > div.box > div.fir { float: left; margin-right: 10px; margin-bottom: 10px;  }
section > article.atc_slide > div.inner_wrap > div.box > div.sec { float: left; margin-right: 10px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_01 > div.box_01_ico { margin-top: 10px; margin-left: 12px;}
section > article.atc_slide > div.inner_wrap > div.box > div.box_01 > div.box_01_ico > p > img { width: 25px; height: 30px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_01 > div.box_01_txt { margin-top: 14px; margin-left: 10px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_01 > div.box_01_txt > p { font-size: 11px; color: #333; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_02 { margin-right: 0; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_02 > div.box_02_ico { margin-top: 10px; margin-left: 15px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_02 > div.box_02_ico > p > img { width: 30px; height: 30px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_02 > div.box_02_txt { margin-top : 14px; margin-left: 10px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_02 > div.box_02_txt > p { font-size: 11px;; color: #333; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_03 > div.box_03_ico { margin-top: 12px; margin-left: 12px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_03 > div.box_03_ico > p > img { width: 26px; height: 30px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_03 > div.box_03_txt { margin-top : 14px; margin-left: 10px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_03 > div.box_03_txt > p { font-size: 11px; color: #333; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_04 { margin-right: 0; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_04 > div.box_04_ico { margin-top: 8px; margin-left: 12px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_04 > div.box_04_ico > p > img { width: 25px; height: 38px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_04 > div.box_04_txt { margin-top : 14px; margin-left: 10px; }
section > article.atc_slide > div.inner_wrap > div.box > div.box_04 > div.box_04_txt > p { font-size: 11px; color: #333; }

section > article.atc_mission { background: #faf8f7; padding: 100px 0; }
section > article.atc_mission > div.inner_wrap > h4 { margin-top: 50px; font-size: 0.75em; font-family: "NanumSquareL"; color: #666; text-align: center; }
section > article.atc_mission > div.inner_wrap > h2 { margin-top: 20px; font-size: 3em; font-family: "NanumSquareL"; color: #ff844a; text-align: center; letter-spacing: 5px; }
section > article.atc_mission > div.inner_wrap > ul { position: relative; margin-top: 30px; }
section > article.atc_mission > div.inner_wrap > ul > li { float: left; width: 320px; height: 203px; margin-right: 20px; margin-bottom: 10px; }
section > article.atc_mission > div.inner_wrap > ul > li:last-child { margin-right: 0; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div { position: absolute; margin-top : -50px; width: 320px; height: 50px; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div.color_box_01 { background: #ff844a; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div.color_box_02 { background: #996152; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div.color_box_03 { background: #af907c; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div > p { font-family: "NanumSquareEB"; font-size: 14px; text-align: center; font-size: ; color: #fff; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div > p.name { padding-top: 9px; }
section > article.atc_mission > div.inner_wrap > ul > li > a > div > p.name_ko { padding-top: 2px; }
section > article.atc_mission > p { text-align: center; }
section > article.atc_mission > div.bg { margin-top: 500px; text-align: center; }
section > article.atc_mission > div.bg > p.bg { padding-top: 200px;  }
section > article.atc_mission > p { padding-top: 5px; }
section > article.atc_mission > p.info_01 { margin-top: -160px; }
section > article.atc_mission > p.info_01 > span.txt_01 { font-family: "NanumSquareEB"; font-size: 1.75em; color: #ff844a; }
section > article.atc_mission > p.info_01 > span.txt_02 { font-size: 1.438em; color: #ff844a; }
section > article.atc_mission > p.info_01 > span.txt_01_01 { font-size: 1.438em; color: #666; }
section > article.atc_mission > p.info_02 > span.txt_03 { font-family: "NanumSquareEB"; font-size: 1.75em; color: #996153; }
section > article.atc_mission > p.info_02 > span.txt_04 { font-size: 1.438em; color: #996153; }
section > article.atc_mission > p.info_02 > span.txt_01_01 { font-size: 1.438em; color: #666; }
section > article.atc_mission > p.info_03 > span.txt_01 { font-family: "NanumSquareEB"; font-size: 1.75em; color: #af907d; }
section > article.atc_mission > p.info_03 > span.txt_02 { font-size: 1.438em; color: #af907d; }
section > article.atc_mission > p.info_03 > span.txt_01_01 { font-size: 1.438em; color: #666; }
section > article.atc_mission > p.info_04 > span.txt_03 { font-family: "NanumSquareEB"; font-size: 1.75em; color: #666; }
section > article.atc_mission > p.info_04 > span.txt_01 { font-family: "NanumSquareEB"; font-size: 1.75em; color: #af907d; }

section > article.atc_mission > p.info_04 > span.txt_01_01 { font-size: 1.438em; color: #666; }

section > article.atc_vision { position: relative; background: url("../images/bgbg_m.jpg") no-repeat; background-size: cover; height: 650px; }
section > article.atc_vision > div.inner_wrap > h4 { padding-top: 60px; font-size: 0.75em; font-family: "NanumSquareL"; color: #666; text-align: center; }
section > article.atc_vision > div.inner_wrap > h2 { margin-top: 20px; font-size: 3em; font-family: "NanumSquareL"; color: #ff844a; text-align: center; letter-spacing: 5px; }
section > article.atc_vision > div.inner_wrap > a > ul > li { float: left; margin-top: 20px; margin-left:  }
section > article.atc_vision > div.inner_wrap > a > ul > li > img { width: 320px; height: 212px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child { width: 320px; height: 212px; margin-top: 0; background: #fff; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > div.bg_02 { position: relative; margin-top: 20px; margin-left: 12px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > div.bg_02 > p { position: absolute; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > p.fir { padding-top: 8px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > p { text-align: center; padding-top: 15px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > p > span.txt_01 { font-family: "NanumSquareEB"; color: #666; font-size: 24px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > p > span.txt_02 { color: #666; font-size: 20px; }
section > article.atc_vision > div.inner_wrap > a > ul > li:last-child > p > span.txt_03 { font-family: "NanumSquareEB"; color: #ff844a; font-size: 24px; }

section > article.atc_subject { background: #faf8f7; height: 750px; }
section > article.atc_subject > div.inner_wrap > h4 { padding-top: 80px; font-size: 0.75em; font-family: "NanumSquareL"; color: #666; text-align: center; }
section > article.atc_subject > div.inner_wrap > h2 { margin-top: 20px; font-size: 3em; font-family: "NanumSquareL"; color: #ff844a; text-align: center; letter-spacing: 5px; }
section > article.atc_subject > div.inner_wrap > ul { float: left; margin-top: 50px; text-align: center; font-size: 1.75em; color: #333;  }
section > article.atc_subject > div.inner_wrap > ul.one { margin-right: 28px; }
section > article.atc_subject > div.inner_wrap > ul.three { margin-right: 28px; margin-top: 30px; }
section > article.atc_subject > div.inner_wrap > ul.four { margin-top: 30px; }

section > article.atc_subject > div.inner_wrap > ul > li:last-child { padding-top: 20px; }
section > article.atc_subject > div.inner_wrap > ul > li > a > img { width: 146px; height: auto; }

section > article.atc_guide { width: 100%; height: 1000px; background: url("../images/m_atc_g_bg.jpg") no-repeat; background-position: center 0; background-size: cover; background-attachment: fixed; }
section > article.atc_guide > div.inner_wrap > h4 { padding-top: 80px; font-size: 0.75em; font-family: "NanumSquareL"; color: #fff; text-align: center; }
section > article.atc_guide > div.inner_wrap > h2 { margin-top: 20px; padding-left: 12px; font-size: 3em; font-family: "NanumSquareL"; color: #fff; text-align: center; letter-spacing: 14px; }
section > article.atc_guide > div.inner_wrap > div.chart { margin-top: 40px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul { float: left; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir { width: 320px; margin-right: 20px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child { height: 254px; background: #fff; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > ul > li { float: left; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > ul > li:first-child { margin-left: 33px; margin-right: 10px; margin-top: 36px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > ul > li:last-child { margin-top: 36px; font-family: "NanumSquareB"; color: #454545; font-size: 1.438em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p.line { padding-top: 80px; padding-left: 33px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p.txt_01 { font-family: "NanumSquareB"; padding-left: 33px; padding-top: 20px; color: #666; font-size: 1em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p.txt_02 { font-family: "NanumSquareB"; padding-left: 33px; padding-top: 15px; color: #666; font-size: 1em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p.txt_03 { font-family: "NanumSquareB"; padding-left: 33px; padding-top: 30px; color: #666; font-size: 0.875em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p > span.space { padding-left: 29px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:first-child > p > span { padding-left: 20px; }

section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2) { height: 170px; margin-top: 10px; background: #fff; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2) > ul > li { float: left; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2)> ul > li:first-child { margin-left: 33px; margin-right: 10px; margin-top: 36px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2) > ul > li:last-child { margin-top: 36px; font-family: "NanumSquareB"; color: #454545; font-size: 1.438em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2) > p.line { padding-top: 80px; padding-left: 33px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(2) > p.txt_01 { font-family: "NanumSquareB"; padding-left: 33px; padding-top: 10px; color: #666; font-size: 1em; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(3) { height: 42px; background: #ff844a; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(3) > p { float: left; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(3) > ul > li { float: left; padding-left: 25px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(3) > ul > li:first-child { padding-top: 8px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(3) > ul > li:last-child { margin-left: -10px; padding-top: 11px; font-family: "NanumSquareB"; font-size: 1.25em; color: #fff; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(4) { height: 42px; background: #5a4e3e; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(4) > p { float: left; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(4) > ul > li { float: left; padding-left: 25px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(4) > ul > li:first-child { padding-top: 8px; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.fir > li:nth-child(4) > ul > li:last-child { margin-left: -10px; padding-top: 11px; font-family: "NanumSquareB"; font-size: 1.25em; color: #fff; }
section > article.atc_guide > div.inner_wrap > div.chart > ul.sec { width: 320px; height: 200px; margin-top: 10px; border: 1px solid #ccc; }



section > article.atc_call { width: 100%; height: 30px; background: url("../images/m_atc_c_bg.jpg") no-repeat; }
section > article.atc_call > div.inner_wrap > p { padding-top: 5px; color: #666; font-size: 1.25em; }
section > article.atc_call > div.inner_wrap > p > span {  font-family: "NanumSquareEB"; }
section > article.atc_call > div.inner_wrap > div.call > a > div { float: right; }
section > article.atc_call > div.inner_wrap > div.call > a > div.ico_call { margin-top: -23px; width: 20px; height: 20px; padding-right: 130px; }
section > article.atc_call > div.inner_wrap > div.call > a > div.ico_call > p > img { width: 20px; height: 20px; }
section > article.atc_call > div.inner_wrap > div.call > a > div.pn { margin-top: -23px; padding-right: 30px; }
section > article.atc_call > div.inner_wrap > div.call > a > div.pn > p.txt { font-family: "NanumSquareEB"; font-size: 20px; color: #fff; text-shadow: 2px 1px 3px #555; }


footer { width: 100%; height: 210px; background-color: #333; }
footer > div.inner_wrap > div.info > div { float: left; }
footer > div.inner_wrap > div.info > div.txt { margin-top: 20px; font-family: "NanumSquareB"; }
footer > div.inner_wrap > div.info > div.txt > p.sub { padding-top: 5px; color: #69696a; font-size: 14px; }
footer > div.inner_wrap > div.info > div.logo { margin-top: 30px; }
footer > div.inner_wrap > div.info > div.logo > p > img { width: 100px; height: auto; }




}